/* Ledger only. Host isolation keeps legacy presentation defaults out of this view. */
#detail :is(.finance-ledger-frame,.finance-ledger-reference,.finance-ledger-dialog),
#detail :is(.finance-ledger-frame,.finance-ledger-reference,.finance-ledger-dialog) *{box-sizing:border-box;font-family:'Segoe UI',sans-serif}
#detail :is(.finance-ledger-frame,.finance-ledger-reference,.finance-ledger-dialog){font:400 11px/1.35 'Segoe UI',sans-serif;color:#e6edf0;letter-spacing:0;text-align:left}
#detail :is(.finance-ledger-frame,.finance-ledger-reference,.finance-ledger-dialog) :is(h2,h3,h4,p,ul,ol,li,dl,dt,dd,figure){margin:0;padding:0;font:inherit;letter-spacing:0;color:inherit}
#detail :is(.finance-ledger-frame,.finance-ledger-reference,.finance-ledger-dialog) :is(button,input,select,textarea){font:inherit;min-height:0;letter-spacing:0;text-transform:none}
#detail :is(.finance-ledger-frame,.finance-ledger-reference,.finance-ledger-dialog) button{position:static;inset:auto;width:auto;height:auto;min-height:0;max-width:none;display:inline-flex;align-items:center;justify-content:flex-start;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;box-shadow:none;filter:none;text-decoration:none;cursor:pointer;white-space:normal}
#detail :is(.finance-ledger-frame,.finance-ledger-reference,.finance-ledger-dialog) button:hover{filter:none}
#detail :is(.finance-ledger-frame,.finance-ledger-reference,.finance-ledger-dialog) button:focus-visible,
#detail :is(.finance-ledger-frame,.finance-ledger-reference,.finance-ledger-dialog) tr:focus-visible{outline:1px solid #f2d596;outline-offset:2px}
#detail :is(.finance-ledger-frame,.finance-ledger-reference) header{position:static;inset:auto;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:auto;height:auto;min-height:0;max-height:none;margin:0;padding:0;background:none;border:0;box-shadow:none}
#detail :is(.finance-ledger-frame,.finance-ledger-reference){position:relative;display:block;width:100%;height:560px;min-height:0;margin:0;padding:0;overflow:hidden;background:radial-gradient(ellipse at 65% 0,#07324355,transparent 55%),linear-gradient(110deg,#001a27,#00131d 75%);border:0}
#detail :is(.finance-ledger-frame,.finance-ledger-reference) .fl-board{position:relative;width:1280px;height:560px;min-height:0;margin:0 auto;padding:0;zoom:var(--fl-scale,1);transform:none;isolation:isolate;overflow:hidden}
#detail :is(.finance-ledger-frame,.finance-ledger-reference) .fl-title{font:600 28px/36px 'Segoe UI',sans-serif;color:#f0eee5;letter-spacing:-.45px;margin:0;padding:0}
#detail .finance-ledger-frame .fl-dashboard{padding:10px 22px 0}
#detail .finance-ledger-frame .fl-dashboard-heading{height:44px;gap:12px}
#detail .finance-ledger-frame .fl-source-badge{display:inline-flex;align-items:center;border:1px solid #4c8291;border-radius:8px;height:25px;padding:0 10px;font-size:9px;line-height:14px;color:#d7e8ed;white-space:nowrap}
#detail .finance-ledger-frame .fl-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;height:76px;margin-bottom:10px}
#detail .finance-ledger-frame .fl-metric{position:relative;width:100%;height:76px;border:1px solid #28677b;border-radius:5px;background:linear-gradient(115deg,#0b3443b8,#001d2bc9);display:flex;align-items:center;padding:10px 14px;gap:18px;box-shadow:inset 0 0 15px #2d8ba20c}
#detail .finance-ledger-frame .fl-metric:hover{background:linear-gradient(115deg,#124558b8,#002536cf);box-shadow:0 0 9px #49cfe318}
#detail .finance-ledger-frame .fl-metric-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid #59a5b5;border-radius:50%;background:radial-gradient(circle at 35% 35%,#28627399,#0d34426e);color:#9cdeea;flex:0 0 54px}
#detail .finance-ledger-frame .fl-metric-icon .fl-icon{width:29px;height:29px}
#detail .finance-ledger-frame .fl-metric-copy{display:flex;flex-direction:column;align-items:flex-start;gap:1px;font-size:12px;line-height:18px}
#detail .finance-ledger-frame .fl-metric-copy strong{font:600 34px/39px 'Segoe UI',sans-serif;color:#eccb82}
#detail .finance-ledger-frame .fl-metric>.fl-demo{position:absolute;right:14px;bottom:9px}
#detail :is(.finance-ledger-frame,.finance-ledger-dialog) .fl-demo{display:inline-flex;align-items:center;justify-content:center;min-height:19px;padding:2px 9px;border:1px solid #214a5b;border-radius:4px;background:#06283988;color:#c7dde5;font-size:8px;font-weight:400;line-height:12px;white-space:nowrap}
#detail .finance-ledger-frame .fl-main{display:grid;grid-template-columns:minmax(0,1.63fr) minmax(0,1fr);gap:10px;height:254px}
#detail .finance-ledger-frame .fl-panel{position:relative;border:1px solid #357589;border-radius:6px;overflow:hidden;background:linear-gradient(115deg,#002131b8,#001722bb);box-shadow:inset 0 1px 1px #82cbd718}
#detail .finance-ledger-frame .fl-panel-head{height:33px;gap:10px;padding:0 13px;border-bottom:1px solid #234d5f}
#detail .finance-ledger-frame .fl-panel-head .fl-icon{width:19px;height:19px;color:#e6d58e;flex:0 0 19px}
#detail .finance-ledger-frame .fl-panel-head h3{font:600 13px/18px 'Segoe UI',sans-serif;white-space:nowrap;flex:1}
#detail .finance-ledger-frame .fl-panel-head h3 button{font:inherit;color:inherit;width:100%;height:26px}
#detail .finance-ledger-frame .fl-panel-head .fl-demo{margin-left:auto}
#detail .finance-ledger-frame .fl-journal{height:246px}
#detail :is(.finance-ledger-frame,.finance-ledger-dialog) .fl-table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;margin:0;background:none;color:#dbe8eb;font-size:10px;line-height:13px}
#detail :is(.finance-ledger-frame,.finance-ledger-dialog) .fl-table :is(th,td){position:static;height:auto;min-height:0;margin:0;border:1px solid #244e5f80;border-top:0;padding:7px 12px;text-align:left;vertical-align:middle;font:400 10px/13px 'Segoe UI',sans-serif;text-transform:none;letter-spacing:0;overflow-wrap:normal;word-break:normal}
#detail :is(.finance-ledger-frame,.finance-ledger-dialog) .fl-table th{height:31px;background:linear-gradient(110deg,#0c3445bd,#092938b0);color:#dbe7e9}
#detail .finance-ledger-frame .fl-journal-table td{height:35px;padding:5px 12px;font-size:9.8px;line-height:12px}
#detail .finance-ledger-frame .fl-journal-table th{font-size:9.7px}
#detail :is(.finance-ledger-frame,.finance-ledger-dialog) .fl-table .fl-number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#detail :is(.finance-ledger-frame,.finance-ledger-dialog) .fl-text-button{font:inherit;text-align:left;white-space:nowrap}
#detail :is(.finance-ledger-frame,.finance-ledger-dialog) .fl-text-button:hover{color:#efd89d}
#detail :is(.finance-ledger-frame,.finance-ledger-dialog) .fl-table tr[data-fl-entry]{cursor:pointer}
#detail :is(.finance-ledger-frame,.finance-ledger-dialog) .fl-table tbody tr:hover{background:#24556b29}
#detail :is(.finance-ledger-frame,.finance-ledger-dialog) .fl-status{display:inline-block;border-radius:12px;font:400 9px/13px 'Segoe UI',sans-serif;padding:3px 9px;white-space:nowrap;color:#ecd993;background:linear-gradient(100deg,#7f6c2a7a,#423c1c75)}
#detail :is(.finance-ledger-frame,.finance-ledger-dialog) .fl-status.good{color:#9ee2c1;background:linear-gradient(100deg,#07564c85,#003e3b85)}
#detail :is(.finance-ledger-frame,.finance-ledger-dialog) .fl-status.info{color:#bbdff1;background:linear-gradient(100deg,#1c56807a,#0a3c647d)}
#detail :is(.finance-ledger-frame,.finance-ledger-dialog) .fl-status.bad{color:#efb09f;background:linear-gradient(100deg,#78463877,#352a2277)}
#detail .finance-ledger-frame .fl-right{display:grid;grid-template-rows:138px 114px;gap:2px}
#detail .finance-ledger-frame .fl-balance .fl-panel-head{height:32px}
#detail .finance-ledger-frame .fl-balance-body{display:block;width:100%;padding:7px 17px 0;text-align:left}
#detail .finance-ledger-frame .fl-balance-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}
#detail .finance-ledger-frame .fl-balance-columns>span{display:flex;flex-direction:column;gap:2px;font-size:11px;line-height:15px}
#detail .finance-ledger-frame .fl-balance-columns strong{font:600 18px/21px 'Segoe UI',sans-serif;color:#f0eeea}
#detail .finance-ledger-frame .fl-balance-bar{display:block;height:11px;border-radius:7px;background:linear-gradient(90deg,#4cdae0,#5bbbc4);box-shadow:inset 0 1px 1px #c9ffff55;margin-top:1px}
#detail .finance-ledger-frame .fl-balance-bar.fl-gold-bar{background:linear-gradient(90deg,#f4d386,#edc074)}
#detail .finance-ledger-frame .fl-balance-footer{display:flex;align-items:center;gap:15px;border-top:1px solid #214c5c;margin-top:8px;padding-top:5px;font-size:10px;line-height:18px}
#detail .finance-ledger-frame .fl-balance-footer>strong{font-size:18px;font-weight:400;margin-left:24px;color:#f2f1e8}
#detail .finance-ledger-frame .fl-balanced{margin-left:auto;display:flex;align-items:center;gap:5px;color:#8cd8bc;font-size:9.8px}
#detail .finance-ledger-frame .fl-balanced .fl-icon{width:13px;height:13px;fill:#2da68133;color:#62d3b2}
#detail .finance-ledger-frame .fl-balance-footer .fl-demo{font-size:8px;line-height:11px;padding:2px 7px}
#detail .finance-ledger-frame .fl-closing .fl-panel-head{height:29px}
#detail .finance-ledger-frame .fl-closing ol{list-style:none;margin:3px 24px 0;padding:0}
#detail .finance-ledger-frame .fl-closing li{margin:0;padding:0;line-height:19px;height:19px;font-size:9.5px}
#detail .finance-ledger-frame .fl-closing li button{display:flex;align-items:center;gap:21px;width:100%;height:19px;text-align:left;font:400 9.5px/19px 'Segoe UI',sans-serif}
#detail .finance-ledger-frame .fl-step-number{width:18px;height:18px;border:1px solid #99c9d3;border-radius:50%;display:grid;place-items:center;flex:0 0 18px;background:#25505e88;font-size:11px;color:#dcebed;line-height:16px}
#detail .finance-ledger-frame .fl-step-status{display:flex;align-items:center;gap:15px;margin-left:auto;width:42%;font-size:9.2px;color:#90aab6}
#detail .finance-ledger-frame .fl-step-status i{display:block;width:6px;height:6px;border-radius:50%;background:#7e97a8;box-shadow:inset 0 0 0 1px #b0c6d166}
#detail .finance-ledger-frame .fl-step-status i.fl-done{background:#5ccea7}
#detail .finance-ledger-frame .fl-bottom{display:grid;grid-template-columns:1.08fr 1fr;gap:16px;height:138px;margin-top:2px}
#detail .finance-ledger-frame .fl-bottom .fl-panel-head{height:29px}
#detail .finance-ledger-frame .fl-bottom .fl-table th{height:20px;padding:2px 12px;font-size:9px;line-height:12px}
#detail .finance-ledger-frame .fl-bottom .fl-table td{height:21px;padding:2px 12px;font-size:9.4px;line-height:12px;white-space:nowrap}
#detail .finance-ledger-frame .fl-bottom .fl-status{font-size:8.5px;line-height:10px;padding:2px 9px}
#detail .finance-ledger-frame .fl-footnote{font:400 8.5px/14px 'Segoe UI',sans-serif;color:#9cb3bd;margin:5px 2px 0;padding:0}
#detail :is(.finance-ledger-frame,.finance-ledger-reference,.finance-ledger-dialog) .fl-icon{display:block;width:28px;height:28px;flex-shrink:0}
#detail .finance-ledger-reference{background:radial-gradient(ellipse at var(--fl-light-x,50%) 65%,#15435438,transparent 57%),linear-gradient(110deg,#001724,#00111b 80%);--fl-motion:paused}
#detail .finance-ledger-reference .fl-story-heading{position:relative;z-index:3;display:block;height:99px;text-align:center;padding-top:15px}
#detail .finance-ledger-reference .fl-story-heading .fl-title{font:600 28px/36px 'Segoe UI',sans-serif;color:#f0eee5}
#detail .finance-ledger-reference .fl-story-heading p{font:400 21px/29px 'Segoe UI',sans-serif;letter-spacing:.1px;color:#e4e8e5;margin:5px 0 0;padding:0}
#detail .finance-ledger-reference .fl-story-art{position:absolute;inset:0;z-index:1}
#detail .finance-ledger-reference .fl-floor{position:absolute;inset:0;width:1280px;height:560px;pointer-events:none;overflow:visible}
#detail .finance-ledger-reference .fl-flowline{filter:drop-shadow(0 0 2px #f4d68c66);animation:fl-ledger-light 4s ease-in-out infinite;animation-play-state:var(--fl-motion,paused)}
#detail .finance-ledger-reference .fl-prop{position:absolute;display:block;padding:0;margin:0;border:0;background:none;filter:none;transform:none}
#detail .finance-ledger-reference .fl-prop-svg{display:block;width:100%;height:100%;overflow:visible;filter:none;transform:none}
#detail .finance-ledger-reference .fl-prop-svg text{font-family:'Segoe UI',sans-serif}
#detail .finance-ledger-reference .fl-prop:hover{box-shadow:none;background:radial-gradient(ellipse,#78d9e80c,transparent 65%)}
#detail .finance-ledger-reference .fl-book-check{position:absolute;left:595px;top:235px;width:90px;height:70px;display:block;pointer-events:none}
#detail .finance-ledger-reference .fl-ledger-seal{display:block;width:90px;height:70px;overflow:visible}
#detail .finance-ledger-reference .fl-ledger-branches{position:absolute;inset:0;display:block;width:1280px;height:560px;pointer-events:none;overflow:visible;filter:drop-shadow(0 0 1px #e0c27c55)}
#detail .finance-ledger-reference .fl-detail-book{position:absolute;width:116px;height:92px;display:block;padding:0;margin:0;border:0}
#detail .finance-ledger-reference .fl-detail-customer{left:480px;top:322px}
#detail .finance-ledger-reference .fl-detail-supplier{left:587px;top:340px}
#detail .finance-ledger-reference .fl-detail-account{left:701px;top:326px}
#detail .finance-ledger-reference .fl-small-ledger{width:100%;height:100%;overflow:visible}
#detail .finance-ledger-reference .fl-stage-label{position:absolute;top:389px;width:171px;height:35px;border:1px solid #27576b;border-radius:15px;justify-content:center;background:linear-gradient(110deg,#062735a8,#001b28a8);font:600 13px/19px 'Segoe UI',sans-serif;color:#e9e6d6;text-align:center}
#detail .finance-ledger-reference .fl-stage-label:hover{border-color:#a1b99c;background:#10394b77}
#detail .finance-ledger-reference .fl-label-documents{left:46px}
#detail .finance-ledger-reference .fl-label-review{left:285px}
#detail .finance-ledger-reference .fl-label-reconcile{left:849px}
#detail .finance-ledger-reference .fl-label-close{left:1091px;width:153px}
#detail .finance-ledger-reference .fl-benefits{position:absolute;left:39px;right:39px;top:445px;height:99px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;z-index:3}
#detail .finance-ledger-reference .fl-benefit{display:flex;align-items:center;width:100%;height:99px;border:1px solid #508fa1;border-radius:10px;background:linear-gradient(110deg,#1a4e5fd9,#062c3bd6 75%,#124052d9);box-shadow:inset 0 1px 1px #90d2d922,inset 0 0 18px #306a791a;padding:15px 20px;gap:21px;text-align:left}
#detail .finance-ledger-reference .fl-benefit>.fl-icon{width:65px;height:65px;color:#e8d497;padding-right:15px;border-right:1px solid #4c829377;flex:0 0 83px}
#detail .finance-ledger-reference .fl-benefit>span{display:flex;flex-direction:column;gap:7px}
#detail .finance-ledger-reference .fl-benefit strong{font:600 14px/19px 'Segoe UI',sans-serif;color:#efe9d2}
#detail .finance-ledger-reference .fl-benefit>span>span{font:400 12px/17px 'Segoe UI',sans-serif;color:#dce4e4}
#detail .finance-ledger-reference .fl-benefit:hover{border-color:#b6c0a0;box-shadow:inset 0 0 20px #71d1e216,0 0 8px #91e3ea12}
#detail .finance-ledger-dialog{position:fixed;inset:0;width:min(930px,92vw);height:fit-content;min-height:0;max-height:88vh;min-width:0;max-width:92vw;margin:auto;padding:0;border:1px solid #6e9ba4;border-radius:13px;overflow:auto;background:linear-gradient(125deg,#103446,#031c2a 80%);color:#e5edef;box-shadow:0 18px 80px #000a,0 0 22px #4fbcc91a;font:400 13px/1.5 'Segoe UI',sans-serif}
#detail .finance-ledger-dialog:not([open]){display:none}
#detail .finance-ledger-dialog::backdrop{background:#00111bd9}
#detail .finance-ledger-dialog .fl-dialog-heading{position:static;display:flex;align-items:center;justify-content:space-between;height:auto;min-height:0;padding:13px 20px;margin:0;border-bottom:1px solid #3e6a79;background:#0b3042}
#detail .finance-ledger-dialog .fl-dialog-heading h3{font:600 20px/28px 'Segoe UI',sans-serif;margin:0}
#detail .finance-ledger-dialog .fl-dialog-heading button{display:grid;place-items:center;font:300 27px/28px 'Segoe UI',sans-serif;flex:0 0 30px;width:30px;height:30px;border:1px solid #416f80;border-radius:5px;color:#ebd99e}
#detail .finance-ledger-dialog .fl-dialog-body{padding:18px 20px 10px}
#detail .finance-ledger-dialog .fl-dialog-body>p{font:400 13px/20px 'Segoe UI',sans-serif;margin:0 0 14px}
#detail .finance-ledger-dialog footer{font:400 10px/15px 'Segoe UI',sans-serif;border-top:1px solid #37606f;margin:0;padding:9px 20px;color:#9dbbc8}
#detail .finance-ledger-dialog .fl-dialog-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px 25px;font-size:13px;line-height:20px;margin:10px 0}
#detail .finance-ledger-dialog .fl-dialog-fields>div{min-width:0}
#detail .finance-ledger-dialog .fl-dialog-fields dt{font:400 11px/18px 'Segoe UI',sans-serif;color:#91b6c5}
#detail .finance-ledger-dialog .fl-dialog-fields dd{font:400 14px/21px 'Segoe UI',sans-serif;margin:0}
#detail .finance-ledger-dialog .fl-document-preview{max-width:650px;margin:auto;padding:22px;background:linear-gradient(110deg,#d3e0e2,#eff0e7);border:1px solid #9ab4ba;border-radius:5px;color:#143343}
#detail .finance-ledger-dialog .fl-document-preview h4{font:600 20px/28px 'Segoe UI',sans-serif;margin:6px 0 18px;color:#123144}
#detail .finance-ledger-dialog .fl-document-kicker{font-size:10px;letter-spacing:1px;color:#366271}
#detail .finance-ledger-dialog .fl-document-preview dt{color:#46727f}
#detail .finance-ledger-dialog .fl-dialog-fields .fl-status{font-size:11px}
#detail .finance-ledger-dialog .fl-summary-value{font-size:26px;line-height:30px;color:#e8d08d}
#detail .finance-ledger-dialog .fl-search-controls{display:flex;align-items:center;gap:9px;margin:0 0 14px}
#detail .finance-ledger-dialog .fl-search-controls .fl-icon{width:20px;height:20px;color:#9fd3dd}
#detail .finance-ledger-dialog .fl-search-controls input,#detail .finance-ledger-dialog .fl-search-controls select{font:400 12px/20px 'Segoe UI',sans-serif;min-height:0;height:34px;min-width:0;border:1px solid #447b8b;border-radius:5px;background:#062a3b;color:#e7eeee;padding:5px 9px;margin:0}
#detail .finance-ledger-dialog .fl-search-controls input{flex:1}
#detail .finance-ledger-dialog .fl-search-controls select{max-width:220px}
#detail .finance-ledger-dialog .fl-table th{height:32px;font-size:11px;padding:6px 8px}
#detail .finance-ledger-dialog .fl-table td{font-size:11px;line-height:16px;height:auto;padding:8px}
#detail .finance-ledger-dialog .fl-table .fl-status{font-size:10px}
#detail .finance-ledger-dialog .fl-table .fl-empty{text-align:center;padding:24px;color:#bdd2da}
#detail .finance-ledger-dialog .fl-result-count{font:400 11px/18px 'Segoe UI',sans-serif;color:#95b7c5;margin-top:10px}
#detail .finance-ledger-dialog .fl-review-list{display:flex;flex-direction:column;gap:0;margin:8px 0 15px}
#detail .finance-ledger-dialog .fl-review-list label{display:flex;align-items:center;gap:12px;margin:0;padding:12px;border-bottom:1px solid #3a657575;font:400 13px/19px 'Segoe UI',sans-serif}
#detail .finance-ledger-dialog .fl-review-list label>span{display:flex;flex-direction:column}
#detail .finance-ledger-dialog .fl-review-list strong{font:600 13px/19px 'Segoe UI',sans-serif}
#detail .finance-ledger-dialog .fl-review-list small{font:400 10px/16px 'Segoe UI',sans-serif;color:#a0bcc8}
#detail .finance-ledger-dialog .fl-review-list input{appearance:auto;width:17px;height:17px;min-height:0;padding:0;margin:0;accent-color:#dfc27d}
#detail .finance-ledger-dialog .fl-benefit-dialog{font-size:17px;line-height:26px}
@keyframes fl-ledger-light{0%,100%{opacity:.76}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){#detail .finance-ledger-reference .fl-flowline{animation:none}}