/* Secure24 payroll-finance firewall and receivables colour coding */
.fc-finance-firewall,.fc-payment-note{display:grid;gap:5px;margin:12px 0;border-left:4px solid #245d9c;background:#eef5fc!important}.fc-finance-firewall span,.fc-payment-note span{color:#52657a;font-size:12px;line-height:1.5}
#content .finance-tabs .fc-tab-payments{border-color:#2c6fb7;background:#eef5fc;color:#174a7e}
#content .finance-tabs .fc-tab-payroll{border-color:#7657a6;background:#f5f0fb;color:#55377f}
.fc-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.fc-page-head>div{flex:1}.fc-page-head h3{margin:0 0 5px}.fc-page-head p{margin:0;color:var(--muted);max-width:850px}
.fc-live-note{display:flex;align-items:center;gap:7px;color:#52657a;font-size:12px;margin:8px 0 14px}.fc-live-dot{width:8px;height:8px;border-radius:50%;background:#1f8a5b;box-shadow:0 0 0 4px #1f8a5b1c}
.fc-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 14px}.fc-kpis .card{display:grid;gap:5px;border-top:4px solid transparent}.fc-kpis span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.fc-kpis strong{font-size:19px}
.fc-kpi-blue{border-top-color:#2c6fb7!important;background:#f7fbff!important}.fc-kpi-red{border-top-color:#c94040!important;background:#fff8f8!important}.fc-kpi-amber{border-top-color:#d89a27!important;background:#fffaf0!important}.fc-kpi-purple{border-top-color:#7657a6!important;background:#fbf8ff!important}.fc-kpi-green{border-top-color:#23845b!important;background:#f5fcf8!important}
.fc-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;white-space:nowrap;border:1px solid transparent}
.fc-paid,.fc-reconciled,.fc-posted,.fc-approved{background:#e9f7f0;color:#17633d;border-color:#b9dfca}.fc-partially-paid,.fc-verified{background:#eaf3fd;color:#235f99;border-color:#bfd7ef}.fc-due-soon,.fc-received{background:#fff4d9;color:#805b09;border-color:#eed49b}.fc-overdue{background:#fff0f0;color:#a22f35;border-color:#edc4c7}.fc-due,.fc-open{background:#f2f4f7;color:#4d5967;border-color:#d9dee5}.fc-payment-awaiting-reconciliation{background:#f5edff;color:#674093;border-color:#d8c1ee}
.fc-row-overdue td{background:#fff8f8!important}.fc-row-due-soon td{background:#fffdf5!important}.fc-row-payment-awaiting-reconciliation td{background:#fcf9ff!important}.fc-row-paid td{background:#f7fcf9!important}.fc-cell-paid{background:#eef9f3!important}.fc-cell-pending{background:#f8f1ff!important}.fc-cell-balance{background:#fff9eb!important}
.fc-client-link{border:0!important;background:transparent!important;color:#155a98!important;padding:0!important;font-weight:800;text-align:left;text-decoration:underline;cursor:pointer}
.fc-payment-verification{margin:18px 0}.fc-payment-verification-list{display:grid;gap:8px}.fc-payment-item{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff}.fc-payment-item>div:first-child{display:grid;gap:3px}.fc-payment-item span,.fc-payment-item small{color:var(--muted);font-size:12px}.fc-payment-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fc-ledger-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.fc-ledger-head h3{margin:0 0 5px}.fc-ledger-head span{color:var(--muted)}.fc-ledger-head>b{font-size:20px}
.fc-ledger-timeline{display:grid;gap:8px}.fc-ledger-timeline article{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 0;border-top:1px solid var(--line)}.fc-ledger-timeline article>div{display:grid;gap:3px}.fc-ledger-timeline article span,.fc-ledger-timeline article small{color:var(--muted);font-size:12px}
.fc-timeline-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;background:#8b96a3}.fc-timeline-dot.fc-reconciled{background:#23845b}.fc-timeline-dot.fc-verified{background:#2c6fb7}.fc-timeline-dot.fc-received{background:#d89a27}
.fc-payroll-control{margin:0 0 16px;border:1px solid #cad7e5;background:#fbfdff}.fc-payroll-control-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.fc-payroll-control-head h3{margin:0 0 5px}.fc-payroll-control-head p{margin:0;color:var(--muted);max-width:850px}
.fc-payroll-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.fc-stage{display:flex;align-items:center;gap:8px;border:1px solid #d8e0e8;background:#f5f7f9;border-radius:10px;padding:10px;color:#687480}.fc-stage>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#dfe5eb;font-size:11px;font-weight:800}.fc-stage.current{border-width:2px;color:#163c62}.fc-stage.done{background:#edf8f2;border-color:#b8ddc8;color:#17633d}.fc-stage-reconciled.current{background:#fff7e7;border-color:#dcaa43}.fc-stage-approved.current{background:#eef5fc;border-color:#5790c8}.fc-stage-posted.current{background:#edf8f2;border-color:#4b9b72}
.fc-payroll-reference{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fc-payroll-reference>div{display:grid;gap:4px;padding:11px;border-radius:9px;background:#f3f6f9}.fc-payroll-reference span,.fc-payroll-reference small{font-size:11px;color:var(--muted)}.fc-payroll-reference b{font-size:13px}
.fc-payroll-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.fc-post-button{background:#17633d!important;border-color:#17633d!important;color:#fff!important}
.fc-payroll-pill.fc-draft{background:#fff4d9!important;color:#805b09!important}.fc-payroll-pill.fc-reviewed{background:#eaf3fd!important;color:#235f99!important}.fc-payroll-pill.fc-approved{background:#e9f7f0!important;color:#17633d!important}.fc-payroll-pill.fc-paid{background:#e4f4ea!important;color:#155836!important}.fc-payroll-pill.fc-reversed{background:#fff0f0!important;color:#a22f35!important}
@media(max-width:1100px){.fc-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.fc-payroll-reference{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.fc-page-head,.fc-payroll-control-head,.fc-ledger-head,.fc-payment-item{flex-direction:column;align-items:stretch}.fc-kpis{grid-template-columns:1fr 1fr}.fc-payroll-stages{grid-template-columns:1fr 1fr}.fc-payroll-reference{grid-template-columns:1fr}.fc-payment-control{justify-content:space-between}.fc-receivables-table{overflow-x:auto}.fc-receivables-table table{min-width:1200px}}
@media(max-width:480px){.fc-kpis{grid-template-columns:1fr}.fc-payroll-stages{grid-template-columns:1fr}}