/* TrustNeo Phase 109 — Payments & Revenue
   Public finance workflow preview. All visible monetary values are illustrative sample data. */
.tn109-finance{position:relative;margin-top:0;padding:92px 0 32px;color:#1b1f2a;background:linear-gradient(180deg,#f8f9fc 0%,#fff 46%,#f7f8fb 100%)}
.tn109-shell{width:min(100%,1240px);margin:0 auto}
.tn109-head{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(320px,.68fr);gap:64px;align-items:end;margin-bottom:30px}
.tn109-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:13px;color:#5c59cb;font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.tn109-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#6662db;box-shadow:0 0 0 5px rgba(102,98,219,.1)}
.tn109-head h2{max-width:790px;margin:0;color:#171a22;font-size:clamp(2.8rem,4.7vw,4.45rem);line-height:1.01;letter-spacing:-.058em;font-weight:820}
.tn109-head>p{max-width:520px;margin:0;color:#687184;font-size:14px;line-height:1.8}
.tn109-workspace{overflow:hidden;border:1px solid #dfe3eb;border-radius:20px;background:#fff;box-shadow:0 28px 70px rgba(31,38,55,.09)}
.tn109-workspace-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 19px;border-bottom:1px solid #e6e8ee;background:#fafbfc}
.tn109-workspace-title{display:flex;align-items:center;gap:10px}.tn109-workspace-title i{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#1d2143;color:#b9b7ff;font-style:normal;font-size:13px;font-weight:900}.tn109-workspace-title span{display:grid;gap:2px}.tn109-workspace-title b{color:#222734;font-size:12px}.tn109-workspace-title small{color:#8b93a2;font-size:9px}
.tn109-sample-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #dddff0;border-radius:999px;background:#f5f4ff;color:#6864c8;font-size:9px;font-weight:800;letter-spacing:.04em}.tn109-sample-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#706ce0}
.tn109-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid #e7e9ef}.tn109-metric{min-height:116px;padding:20px 19px;border-right:1px solid #e7e9ef;background:#fff}.tn109-metric:last-child{border-right:0}.tn109-metric span{display:block;color:#7b8392;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tn109-metric strong{display:block;margin-top:9px;color:#202431;font-size:24px;letter-spacing:-.045em}.tn109-metric small{display:block;margin-top:4px;color:#9299a7;font-size:9px;line-height:1.45}
.tn109-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:0;min-height:390px}
.tn109-lifecycle{padding:24px;border-right:1px solid #e7e9ef}.tn109-panel-label{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.tn109-panel-label span{display:grid;gap:3px}.tn109-panel-label b{color:#252a36;font-size:13px}.tn109-panel-label small{color:#8a92a0;font-size:9px}.tn109-panel-label>em{padding:5px 8px;border-radius:999px;background:#eef8f3;color:#377963;font-size:8px;font-style:normal;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.tn109-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;align-items:start;margin-bottom:22px}.tn109-flow>div{position:relative;min-height:104px;padding:13px 10px;border:1px solid #e0e4eb;border-radius:12px;background:#fafbfc}.tn109-flow>div:not(:last-child):after{content:"→";position:absolute;right:-10px;top:43px;z-index:2;color:#abb1bd;font-size:12px}.tn109-flow i{display:grid;place-items:center;width:26px;height:26px;margin-bottom:10px;border-radius:8px;background:#ededfb;color:#615dcd;font-style:normal;font-size:9px;font-weight:900}.tn109-flow b{display:block;color:#313643;font-size:10px}.tn109-flow small{display:block;margin-top:4px;color:#8d95a3;font-size:8px;line-height:1.4}
.tn109-ledger{border:1px solid #e2e5ec;border-radius:13px;overflow:hidden}.tn109-ledger-head,.tn109-ledger-row{display:grid;grid-template-columns:1.15fr .8fr .72fr .72fr;gap:8px;align-items:center;padding:11px 13px}.tn109-ledger-head{background:#f7f8fa;color:#8c94a1;font-size:8px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.tn109-ledger-row{border-top:1px solid #eceef2;color:#4f5664;font-size:9px}.tn109-ledger-row b{color:#2b303c;font-size:9px}.tn109-status{justify-self:start;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:850}.tn109-status.is-paid{background:#e9f6f0;color:#36735e}.tn109-status.is-approved{background:#eef0fb;color:#5d61aa}
.tn109-side{display:grid;align-content:start;gap:11px;padding:24px;background:#fbfbfd}.tn109-side-card{padding:17px;border:1px solid #e1e4eb;border-radius:13px;background:#fff}.tn109-side-card>span{display:block;color:#818997;font-size:8px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.tn109-side-card>strong{display:block;margin-top:5px;color:#252a35;font-size:15px;letter-spacing:-.025em}.tn109-side-card>p{margin:7px 0 0;color:#777f8e;font-size:9px;line-height:1.55}.tn109-reconcile{display:grid;gap:7px;margin-top:4px}.tn109-reconcile>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px;border:1px solid #e8eaf0;border-radius:10px;background:#fafbfc}.tn109-reconcile span{display:grid;gap:2px}.tn109-reconcile b{color:#404653;font-size:9px}.tn109-reconcile small{color:#9299a5;font-size:8px}.tn109-reconcile em{color:#377963;font-size:8px;font-style:normal;font-weight:850}
.tn109-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.tn109-role-card{display:grid;grid-template-columns:44px 1fr;gap:15px;padding:22px;border:1px solid #e0e4eb;border-radius:16px;background:#fff}.tn109-role-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f0effd;color:#605dca;font-size:16px;font-weight:900}.tn109-role-card>div:last-child>span{display:block;margin-bottom:5px;color:#737c8d;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.tn109-role-card h3{margin:0;color:#202530;font-size:18px;letter-spacing:-.035em}.tn109-role-card p{margin:8px 0 0;color:#747c8b;font-size:10px;line-height:1.65}.tn109-role-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none}.tn109-role-card li{display:flex;gap:7px;color:#4f5665;font-size:9px;line-height:1.45}.tn109-role-card li:before{content:"✓";color:#4b8b73;font-weight:900}
.tn109-guardrail{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:14px;padding:19px 21px;border:1px solid #e1e4eb;border-radius:15px;background:linear-gradient(100deg,#f6f5ff,#fafbfc)}.tn109-guardrail>div:first-child{display:grid;gap:4px}.tn109-guardrail strong{color:#282d39;font-size:13px}.tn109-guardrail small{max-width:760px;color:#777f8e;font-size:9px;line-height:1.55}.tn109-guardrail>div:last-child{display:flex;align-items:center;gap:13px;flex-shrink:0}.tn109-secondary-action{color:#555d6d;text-decoration:none;font-size:11px;font-weight:780}.tn109-secondary-action:hover,.tn109-secondary-action:focus-visible{color:#252a35;text-decoration:underline;text-underline-offset:4px}
@media(max-width:980px){.tn109-head{grid-template-columns:1fr;gap:16px}.tn109-head>p{max-width:760px}.tn109-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tn109-metric:nth-child(2){border-right:0}.tn109-metric:nth-child(-n+2){border-bottom:1px solid #e7e9ef}.tn109-main{grid-template-columns:1fr}.tn109-lifecycle{border-right:0;border-bottom:1px solid #e7e9ef}.tn109-role-card ul{grid-template-columns:1fr}}
@media(max-width:720px){.tn109-finance{padding-top:70px}.tn109-shell{width:min(100% - 28px,1240px)}.tn109-workspace-top{align-items:flex-start;flex-direction:column}.tn109-flow{grid-template-columns:1fr 1fr}.tn109-flow>div:not(:last-child):after{display:none}.tn109-ledger{overflow-x:auto}.tn109-ledger-head,.tn109-ledger-row{min-width:520px}.tn109-role-grid{grid-template-columns:1fr}.tn109-guardrail{align-items:flex-start;flex-direction:column}.tn109-guardrail>div:last-child{width:100%}}
@media(max-width:620px){.tn109-head h2{font-size:clamp(2.35rem,11vw,3.15rem)}.tn109-head>p{font-size:13px}.tn109-metrics{grid-template-columns:1fr}.tn109-metric{border-right:0!important;border-bottom:1px solid #e7e9ef}.tn109-metric:last-child{border-bottom:0}.tn109-lifecycle,.tn109-side{padding:16px}.tn109-flow{grid-template-columns:1fr}.tn109-role-card{grid-template-columns:1fr;padding:18px}.tn109-guardrail{padding:18px}.tn109-guardrail>div:last-child{display:grid;grid-template-columns:1fr;gap:10px}.tn109-guardrail .tn101-btn{width:100%}.tn109-secondary-action{text-align:center;padding:6px}}
@media(prefers-reduced-motion:reduce){.tn109-secondary-action{transition:none!important}}