:root{font-family:"DM Sans","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#272832;background:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility;--muted:#9296a1;--line:#eaecf0;--purple:#7056d9;--green:#22946d;--amber:#c58435;--shadow:0 7px 25px rgba(34,38,48,.045)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.layout{min-height:100vh}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:24px 15px 14px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;padding:0 9px 31px;color:inherit;text-decoration:none}.brand-symbol{height:34px;width:34px;border-radius:10px;background:#7157da;display:flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-8deg)}.brand-symbol i{display:block;width:5px;background:#fff;border-radius:4px}.brand-symbol i:first-child,.brand-symbol i:last-child{height:12px}.brand-symbol i:first-child{transform:rotate(-20deg)}.brand-symbol i:nth-child(2){height:19px}.brand-symbol i:last-child{transform:rotate(20deg)}.brand b,.brand small,.org-card b,.org-card small,.source-card b,.source-card small{display:block}.brand b{font-size:13px}.brand small{font-size:10px;color:#9a9da5;margin-top:4px}.org-card{height:52px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:9px;padding:8px;margin-bottom:29px}.org-avatar{width:30px;height:30px;border-radius:8px;background:#f0edff;color:#7157d7;display:grid;place-items:center;font-size:12px;font-weight:700}.org-card b,.source-card b{font-size:10px;font-weight:600}.org-card small,.source-card small{font-size:8px;color:#a1a3ab;margin-top:4px}.chevron{margin-left:auto;color:#999}.side-label{font-size:9px;color:#aaaeb6;letter-spacing:.5px;padding:0 10px 8px}.side-label-spaced{margin-top:26px}.side-link{width:100%;border:0;background:transparent;text-align:left;color:#747782;padding:10px;border-radius:7px;font-size:10px;display:flex;align-items:center;gap:10px;margin:2px 0}.side-link span{width:16px;text-align:center;font-size:15px}.side-link:hover,.side-link.selected{background:#f2efff;color:#674ecc}.side-link.selected{font-weight:600}.source-card{display:flex;align-items:flex-start;gap:9px;padding:10px;background:#f9fafb;border:1px solid #f0f1f3;border-radius:7px}.source-dot{width:7px;height:7px;border-radius:50%;background:#e5a447;margin:3px 0 0 1px;box-shadow:0 0 0 3px #fff4e4;flex:none}.source-dot.online{background:#30aa7d;box-shadow:0 0 0 3px #e9f7f1}.source-card small{line-height:1.5;overflow-wrap:anywhere}.sidebar-bottom{margin-top:auto;border-top:1px solid #f0f1f3;padding:13px 3px 0;display:flex;gap:8px;align-items:center}.shield{color:#7157d7;font-size:16px}.sidebar-bottom b,.sidebar-bottom small{display:block}.sidebar-bottom b{font-size:9px;font-weight:500}.sidebar-bottom small{font-size:8px;color:#a2a4ab;margin-top:4px}.main{margin-left:238px;min-height:100vh}.topbar{height:58px;position:sticky;top:0;background:#ffffffed;border-bottom:1px solid #ebedf0;display:flex;align-items:center;justify-content:space-between;padding:0 38px;z-index:4;backdrop-filter:blur(10px)}.crumb{font-size:10px;color:#9b9da6}.crumb span{padding:0 9px;color:#c4c6cc}.crumb b{color:#575963;font-weight:500}.top-right{display:flex;align-items:center;gap:17px}.local-label{font-size:9px;color:#858891;display:flex;align-items:center;gap:6px}.local-label i{width:6px;height:6px;background:#32ad7e;border-radius:50%;box-shadow:0 0 0 3px #e9f7f1}.icon-button{width:23px;height:23px;border:1px solid #e8e9ed;background:#fff;color:#92949c;border-radius:50%;font-size:10px}.user-avatar{width:27px;height:27px;border-radius:50%;background:#ece8fb;color:#7157d5;display:grid;place-items:center;font-size:9px;font-weight:600}.content{max-width:1480px;margin:auto;padding:32px 38px 20px}.heading-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.eyebrow{font-size:8px;letter-spacing:1.1px;color:#a4a6ae;font-weight:600;margin:0 0 7px}.heading-row h1{font-size:22px;letter-spacing:-.4px;margin:0;font-weight:600}.subtitle{font-size:10px;color:#9a9ca5;margin:6px 0 0}.button{border:1px solid #e8e9ed;background:#fff;border-radius:6px;color:#696c75;padding:8px 10px;font-size:9px}.button:hover{border-color:#cfc7ee;color:#674dcc}.button.primary{color:#fff;background:#7157d8;border-color:#7157d8;padding:9px 13px;box-shadow:0 4px 12px #7157d825}.button.primary span{font-size:13px;margin-right:4px}.button.subtle{background:#fff}.connection-banner,.demo-banner{border-radius:8px;display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:11px 13px}.connection-banner{background:#fff8ed;border:1px solid #f5e7cf}.banner-icon{width:21px;height:21px;border-radius:50%;background:#ffedcc;color:#b67a2c;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}.connection-banner div{flex:1}.connection-banner b{font-size:9px;color:#8d672f}.connection-banner p{font-size:8px;line-height:1.6;color:#a0845a;margin:4px 0 0}.connection-banner>button{border:0;background:none;color:#a68d68;font-size:16px}.demo-banner{background:#f4f1ff;border:1px solid #e8e2fc;color:#7561bb;font-size:8px}.demo-banner span{font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{background:#fff;border:1px solid #eceef1;border-radius:9px;padding:14px 15px;box-shadow:var(--shadow);min-height:105px}.metric-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#858892}.metric-icon{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;font-size:11px}.metric-icon.purple{color:#7258d7;background:#f1eeff}.metric-icon.green{color:#218d68;background:#eaf7f1}.metric-icon.amber{color:#bf8437;background:#fff5e8}.metric-icon.blue{color:#4284c4;background:#eef5ff}.metric>strong{display:block;font-size:22px;letter-spacing:-.5px;margin-top:8px;font-weight:600}.metric>strong.amount{font-size:19px}.metric>small{display:block;font-size:8px;color:#a3a5ad;margin-top:5px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:27px 0 11px;gap:15px}.toolbar h2{font-size:12px;margin:0;font-weight:600}.toolbar p{font-size:8px;color:#a3a5ad;margin:5px 0 0}.filters{display:flex;gap:7px;align-items:center}.search{height:29px;border:1px solid #e9eaee;border-radius:6px;background:white;display:flex;align-items:center;padding:0 8px;gap:6px;color:#9b9da5}.search span{font-size:17px}.search input{width:205px;border:0;outline:0;font-size:8px}.search input::placeholder{color:#b0b2b8}.filters select{height:29px;border:1px solid #e9eaee;border-radius:6px;background:#fff;color:#737680;padding:0 8px;font-size:8px;outline:0}.records-panel{background:#fff;border:1px solid #eceef1;border-radius:9px;box-shadow:var(--shadow);overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead{background:#fafbfc}th{font-size:8px;font-weight:500;color:#a0a3aa;padding:11px 14px}td{font-size:9px;color:#666973;padding:12px 14px;border-top:1px solid #f0f1f3}tbody tr:hover{background:#fcfbff}.person-task{display:flex;align-items:center;gap:9px;min-width:190px}.person-avatar{height:27px;width:27px;border-radius:8px;background:#f0edff;color:#7258d6;display:grid;place-items:center;font-size:9px;font-weight:600}.person-task b,.person-task small{display:block}.person-task b{font-size:9px;font-weight:500;color:#464851}.person-task small{font-size:7px;color:#a2a4ac;margin-top:4px}.mono{font-family:"DM Sans",monospace;color:#5f626a}.state-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;background:#eaf7f1;color:#278b68;font-size:7px}.state-pill:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.state-pill.deleted{background:#fff4e6;color:#bd7c29}.state-pill.draft,.state-pill.other{background:#f2f1f5;color:#777a83}.view-link{border:0;background:none;color:#7157d5;font-size:8px;padding:4px}.view-link:hover{text-decoration:underline}.loading,.empty{text-align:center;color:#a3a5ad;padding:38px}.spinner{display:inline-block;width:12px;height:12px;border:2px solid #e8e3fa;border-top-color:#7157d5;border-radius:50%;vertical-align:-3px;margin-right:7px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-footer{height:34px;border-top:1px solid #f1f2f4;padding:0 13px;display:flex;align-items:center;justify-content:space-between;color:#a2a4ab;font-size:7px}.footer{display:flex;justify-content:space-between;color:#b0b2b9;font-size:8px;margin-top:22px}.footer i{font-style:normal;padding:0 5px;color:#d0d1d5}.toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,15px);opacity:0;transition:.2s;background:#292832;color:#fff;padding:9px 13px;border-radius:6px;font-size:9px;z-index:30;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-overlay{position:fixed;inset:0;background:#16162070;z-index:20;display:grid;place-items:center;padding:18px}.detail-modal{width:min(720px,100%);max-height:86vh;overflow:auto;background:white;border-radius:12px;padding:21px 23px;box-shadow:0 20px 70px #18182438}.detail-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1f3;padding-bottom:14px;margin-bottom:14px}.detail-header h2{font-size:16px;margin:0}.close-button{width:27px;height:27px;border:0;border-radius:50%;background:#f5f5f7;color:#777;font-size:18px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.detail-field{padding:10px;background:#fafbfc;border-radius:6px;min-width:0}.detail-field small,.detail-field b{display:block}.detail-field small{font-size:7px;color:#a2a4ab;margin-bottom:5px}.detail-field b{font-size:9px;font-weight:500;overflow-wrap:anywhere}.detail-section{margin-top:17px}.detail-section h3{font-size:10px;margin:0 0 8px}.invoice-table{width:100%;border:1px solid #eff0f2;border-radius:6px;overflow:hidden}.invoice-table th,.invoice-table td{padding:8px;font-size:8px}.files-list{display:flex;flex-wrap:wrap;gap:7px}.file-link{border:1px solid #eceef1;background:#fff;color:#5e616a;border-radius:5px;padding:7px 8px;font-size:8px;text-decoration:none}.file-link:hover{border-color:#cfc5f4;color:#674dcc}.log-list{border-left:1px solid #e8e4f3;margin:7px 0 0 4px;padding-left:12px}.log-item{font-size:8px;color:#777a83;margin:8px 0;position:relative}.log-item:before{content:"";position:absolute;left:-16px;top:3px;width:6px;height:6px;border-radius:50%;background:#795edc}.log-item small{color:#aaacb3;margin-left:7px}.json-link{color:#7056d9;font-size:8px;text-decoration:none}.json-link:hover{text-decoration:underline}.notice{padding:9px;border-radius:6px;background:#f8f7fc;color:#888a94;font-size:8px;line-height:1.6;margin-top:12px}
@media(max-width:1050px){.sidebar{width:205px}.main{margin-left:205px}.content{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.metric-grid{gap:8px}.metric{padding:12px}.toolbar{align-items:flex-start;flex-direction:column}.filters{width:100%}.search{flex:1}.search input{width:100%}}
@media(max-width:700px){.sidebar{width:59px;align-items:center;padding:17px 7px 11px}.brand{padding:0 0 27px}.brand>span:last-child,.org-card>span:not(.org-avatar),.side-label,.side-link:not(.selected),.source-card,.sidebar-bottom{display:none}.org-card{border:0;padding:0;margin-bottom:20px}.org-avatar{width:32px;height:32px}.side-link{justify-content:center;padding:11px 0;font-size:0}.side-link span{font-size:17px}.main{margin-left:59px}.topbar{height:52px;padding:0 13px}.content{padding:23px 13px 16px}.heading-row{align-items:flex-start;gap:8px}.heading-row h1{font-size:18px}.subtitle{line-height:1.5;max-width:270px}.button.primary{font-size:0;padding:9px 10px}.button.primary span{font-size:15px;margin:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:95px}.metric>strong{font-size:20px}.toolbar{margin-top:22px}.filters{flex-wrap:wrap}.search{min-width:100%}.filters select{flex:1}.table-scroll{overflow:auto}table{min-width:790px}.connection-banner{align-items:flex-start}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.hidden{display:none!important}.source-dot.offline{background:#d87568;box-shadow:0 0 0 3px #ffefed}.is-loading span{display:inline-block;animation:spin .8s linear infinite}.record-row{cursor:pointer}.person-cell{display:flex;align-items:center;gap:9px;min-width:185px}.person-cell>span:last-child b,.person-cell>span:last-child small{display:block}.person-cell b{font-size:9px;font-weight:500;color:#464851}.person-cell small,.cell-sub{font-size:7px;color:#a2a4ac;margin-top:4px;display:block}.flow-number{font-family:"DM Sans",monospace;font-size:9px;color:#5f626a;font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;background:#eaf7f1;color:#278b68;font-size:7px;white-space:nowrap}.status-badge i{width:5px;height:5px;background:currentColor;border-radius:50%}.status-badge.muted{background:#fff4e6;color:#bd7c29}.status-badge.pending{background:#f2f1f5;color:#777a83}.money-cell{font-family:"DM Sans",sans-serif;font-weight:600;color:#42444c}.invoice-count{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:6px;background:#f2efff;color:#7056d9;font-size:8px}.row-action{border:0;background:none;color:#7157d5;font-size:8px;padding:4px;white-space:nowrap}.row-action:hover{text-decoration:underline}.empty-state{text-align:center;padding:48px 15px!important;color:#989aa3}.empty-state>span,.empty-state>b,.empty-state>small{display:block}.empty-state>span{font-size:22px;color:#b4a8e8;margin-bottom:8px}.empty-state>b{font-size:10px;font-weight:500;color:#656771}.empty-state>small{font-size:8px;margin-top:5px}.detail-status-row{display:flex;align-items:center;justify-content:space-between;color:#a0a2aa;font-size:8px;margin-bottom:12px}.detail-item{padding:10px;background:#fafbfc;border-radius:6px;min-width:0}.detail-item small,.detail-item b{display:block}.detail-item small{font-size:7px;color:#a2a4ab;margin-bottom:5px}.detail-item b{font-size:9px;font-weight:500;overflow-wrap:anywhere}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-title h3{font-size:10px;margin:0}.section-title span{font-size:8px;color:#a2a4ab}.invoice-table-wrap{overflow:auto}.invoice-table th,.invoice-table td{padding:8px;font-size:8px}.attachment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.attachment{display:flex;align-items:center;gap:8px;border:1px solid #eceef1;border-radius:6px;padding:8px;text-decoration:none;color:#565963;min-width:0}.attachment:hover{border-color:#cfc5f4;color:#674dcc}.attachment>span:nth-child(2){min-width:0;flex:1}.attachment b,.attachment small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment b{font-size:8px;font-weight:500}.attachment small{font-size:7px;color:#a2a4ab;margin-top:4px}.attachment-arrow{font-size:12px;color:#a2a4ab}.file-icon{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:6px;background:#f2efff;color:#7056d9;font-size:7px;font-weight:700}.attachment.unavailable{opacity:.65}.route-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.route-step{display:inline-flex;align-items:center;gap:5px;border:1px solid #eeeef2;border-radius:16px;padding:5px 8px;font-size:8px;color:#686a74}.route-step i{font-style:normal;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#f2efff;color:#7056d9;font-size:7px}.route-arrow{color:#bbb;font-size:13px}.note-box{margin-top:13px;padding:10px 12px;border-radius:6px;background:#fff8ed;color:#926c36}.note-box b{font-size:8px}.note-box p{font-size:8px;line-height:1.6;margin:5px 0}.note-box small{font-size:7px;color:#aa8c5d}.raw-details{margin-top:11px;border-top:1px solid #eff0f2;padding-top:9px}.raw-details summary{cursor:pointer;font-size:8px;color:#777983}.raw-details pre{max-height:240px;overflow:auto;background:#f8f8fa;border-radius:5px;padding:10px;font-size:7px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:#666973}.modal-open{overflow:hidden}
@media(max-width:700px){.attachment-list{grid-template-columns:1fr}.detail-modal{padding:16px}}

/* Readability and brand hierarchy */
.sidebar{width:270px;padding:26px 17px 16px}
.main{margin-left:270px}
.brand{gap:12px;padding:0 8px 31px;min-height:56px}
.brand-symbol{width:40px;height:40px;flex:none}
.brand b{font-size:17px;letter-spacing:-.2px}
.brand small{font-size:12px;margin-top:5px}
.org-card{height:auto;min-height:54px;padding:9px 7px;border:0;border-radius:0;border-bottom:1px solid var(--line);margin:0 0 24px;gap:10px}
.org-avatar{width:33px;height:33px;font-size:15px}
.org-card b{font-size:14px}
.org-card small{font-size:11px;margin-top:3px}
.side-label{font-size:12px;padding:0 10px 9px}
.side-link{font-size:14px;padding:11px 10px;gap:11px}
.side-link span{font-size:18px;width:20px}
.source-card{padding:11px;gap:10px}
.source-card b{font-size:12px}
.source-card small{font-size:11px;line-height:1.45}
.sidebar-bottom b{font-size:12px}
.sidebar-bottom small{font-size:10px}
.main{margin-left:270px}
.topbar{height:62px}
.crumb{font-size:13px}
.local-label{font-size:12px}
.icon-button{width:27px;height:27px;font-size:12px}
.user-avatar{width:31px;height:31px;font-size:11px}
.content{padding-top:35px}
.eyebrow{font-size:10px}
.heading-row h1{font-size:30px;letter-spacing:-.5px}
.subtitle{font-size:14px;line-height:1.55;margin-top:8px}
.button{font-size:13px;padding:9px 12px}
.button.primary{font-size:13px;padding:10px 14px}
.metric-head{font-size:13px}
.metric>small{font-size:11px}
.metric-icon{width:27px;height:27px;font-size:13px}
.toolbar h2{font-size:16px}
.toolbar p{font-size:12px}
.search{height:37px;padding:0 10px;gap:8px}
.search span{font-size:19px}
.search input{font-size:12px;width:230px}
.filters select{height:37px;font-size:12px;padding:0 10px}
th{font-size:12px;padding:14px 15px}
td{font-size:13px;padding:14px 15px}
.person-cell{gap:10px;min-width:200px}
.person-avatar{height:34px;width:34px;font-size:12px}
.person-cell b{font-size:13px}
.person-cell small,.cell-sub{font-size:11px;margin-top:5px}
.flow-number{font-size:13px}
.status-badge{font-size:11px;padding:5px 8px}
.status-badge i{width:6px;height:6px}
.money-cell{font-size:13px}
.invoice-count{min-width:24px;height:24px;font-size:11px}
.row-action{font-size:12px}
.table-footer{height:42px;padding:0 15px;font-size:10px}
.footer{font-size:11px}
.toast{font-size:12px;padding:11px 15px}
.detail-modal{width:min(850px,100%);padding:25px 27px}
.detail-header h2{font-size:20px}
.close-button{width:32px;height:32px;font-size:21px}
.detail-status-row{font-size:11px}
.detail-grid{gap:12px}
.detail-item{padding:12px}
.detail-item small{font-size:10px;margin-bottom:6px}
.detail-item b{font-size:13px}
.detail-section{margin-top:20px}
.section-title h3{font-size:14px}
.section-title span{font-size:11px}
.invoice-table th,.invoice-table td{font-size:11px;padding:10px}
.attachment{padding:10px;gap:10px}
.attachment b{font-size:11px}
.attachment small{font-size:10px}
.file-icon{width:34px;height:34px;font-size:9px}
.route-step{font-size:11px;padding:6px 9px}
.note-box{padding:12px 14px}
.note-box b,.note-box p{font-size:11px}
.note-box small{font-size:10px}
.raw-details summary{font-size:11px}
.raw-details pre{font-size:10px}
.empty-state>b{font-size:14px}
.empty-state>small{font-size:12px}

@media(max-width:1050px){.sidebar{width:235px}.main{margin-left:235px}.content{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}}
@media(max-width:700px){.sidebar{width:62px;align-items:center;padding:17px 7px 11px}.brand{padding:0 0 27px;min-height:0}.brand-symbol{width:36px;height:36px}.brand>span:last-child,.org-card>span:not(.org-avatar),.side-label,.side-link:not(.selected),.source-card,.sidebar-bottom{display:none}.org-card{border:0;padding:0;margin:0 0 20px;min-height:0}.org-avatar{width:32px;height:32px}.side-link{justify-content:center;padding:11px 0;font-size:0}.side-link span{font-size:18px}.main{margin-left:62px}.topbar{height:52px;padding:0 13px}.content{padding:23px 13px 16px}.heading-row{align-items:flex-start;gap:8px}.heading-row h1{font-size:23px}.subtitle{font-size:12px;line-height:1.5;max-width:270px}.button.primary{font-size:0;padding:9px 10px}.button.primary span{font-size:15px;margin:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:95px}.metric>strong{font-size:20px}.metric-head{font-size:12px}.metric>small{font-size:10px}.toolbar{margin-top:22px}.filters{flex-wrap:wrap}.search{min-width:100%}.search input{font-size:12px}.filters select{flex:1;font-size:11px}.table-scroll{overflow:auto}table{min-width:850px}.connection-banner{align-items:flex-start}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attachment-list{grid-template-columns:1fr}.detail-modal{padding:16px}.footer{font-size:9px}}
.filters{align-items:flex-end;flex-wrap:wrap;gap:9px}
.filter-field{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#777983;white-space:nowrap}
.filter-field select{min-width:145px;max-width:280px}
#companyFilter{width:250px}
#departmentFilter{width:330px}
#executorFilter{width:190px}
.filter-note{font-size:11px;line-height:1.5;color:#888b95;margin:-3px 0 12px}
@media(max-width:1050px){.filter-field{flex:1 1 160px}.filter-field select,#companyFilter,#departmentFilter,#executorFilter{width:100%;max-width:none;min-width:0}.search{flex:1 1 240px}}
@media(max-width:700px){.filter-field{flex:1 1 42%;font-size:10px}.filters select{font-size:11px}.filter-note{font-size:10px;margin:2px 0 10px}}

/* Keep all record filters together in the left navigation panel. */
.sidebar{width:315px;padding:24px 17px 16px;overflow-y:auto}
.main{margin-left:315px}
.sidebar-filters{display:grid;gap:10px;padding:0 8px}
.sidebar-filters .filter-field{gap:5px;font-size:11px}
.sidebar-filters .filter-field select{width:100%;max-width:none;min-width:0;height:38px;font-size:12px}
.sidebar-filters .search-field input{height:38px;width:100%;border:1px solid #e9eaee;border-radius:6px;background:#fff;padding:0 10px;font-size:12px;outline:0}
.sidebar-filters .search-field input:focus,.sidebar-filters select:focus{border-color:#bcb0e9;box-shadow:0 0 0 3px #f3f0ff}
.sidebar-filters .search-field input::placeholder{color:#a5a7af}
.clear-filters{width:100%;height:36px;font-size:12px;background:#fff}
.sidebar-filters .filter-note{font-size:10px;line-height:1.55;color:#8d9099;margin:0;white-space:normal}
.toolbar{align-items:center;flex-direction:row;margin-top:24px}
.toolbar h2{font-size:17px}
.toolbar p{font-size:12px}
@media(max-width:1050px){.sidebar{width:280px}.main{margin-left:280px}.toolbar{align-items:center;flex-direction:row}.filters{width:auto}}
@media(max-width:700px){.sidebar{position:relative;inset:auto;width:auto;height:auto;max-height:none;overflow:visible;align-items:stretch;padding:17px 16px 13px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 4px 17px;min-height:0}.brand>span:last-child{display:block}.brand-symbol{width:36px;height:36px}.org-card{display:flex;min-height:48px;padding:6px 3px;margin:0 0 12px}.org-card>span:not(.org-avatar){display:block}.side-label{display:block}.side-link{display:flex;justify-content:flex-start;font-size:13px;padding:8px 10px}.side-link span{font-size:16px}.side-link:not(.selected){display:none}.sidebar-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0}.sidebar-filters .search-field{grid-column:1/-1}.sidebar-filters .filter-note{grid-column:1/-1}.clear-filters{align-self:end}.side-label-spaced{margin-top:13px}.source-card{display:flex}.sidebar-bottom{display:flex;margin-top:12px}.main{margin-left:0}.toolbar{align-items:center;flex-direction:row}.content{padding:20px 13px 16px}.filter-note{font-size:10px}}
/* Align every filter control to the same inner edges as the data-source card. */
.sidebar-filters{width:100%;padding:0;box-sizing:border-box}
.sidebar-filters>*{width:100%;min-width:0;box-sizing:border-box}
.sidebar-filters .filter-field{align-items:stretch}
.sidebar-filters .filter-field select,.sidebar-filters .search-field input{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:700px){.sidebar-filters{grid-template-columns:minmax(0,1fr)}.sidebar-filters .search-field,.sidebar-filters .filter-note{grid-column:auto}}
.sidebar-filters #executorFilter,.sidebar-filters #companyFilter,.sidebar-filters #departmentFilter{width:100%;max-width:100%;min-width:0}
/* Consistent sidebar filter controls and keyboard focus. */
.sidebar-filters .filter-field select,
.sidebar-filters .search-field input{height:40px;border:1px solid #dfe3ea;border-radius:8px;background-color:#fff;color:#30333b;font:inherit;font-size:12px;line-height:1.2;outline:0;box-shadow:0 1px 2px #1f29330a;transition:border-color .15s,box-shadow .15s}
.sidebar-filters .filter-field select{-webkit-appearance:none;appearance:none;padding:0 34px 0 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23878D98' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:14px}
.sidebar-filters .search-field input{padding:0 12px}
.sidebar-filters .filter-field select:focus,.sidebar-filters .search-field input:focus{border-color:#9380dd;box-shadow:0 0 0 3px #7157d81c}
.sidebar-filters .filter-field select:disabled{background-color:#f7f8fa;color:#858a94;cursor:not-allowed;opacity:1}
.sidebar-filters .search-field input::placeholder{color:#9da2ac;opacity:1}
.sidebar-filters .clear-filters{height:40px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;color:#555a64;font-size:12px;box-shadow:0 1px 2px #1f29330a;transition:border-color .15s,background-color .15s}
.sidebar-filters .clear-filters:hover{border-color:#c4b9ed;background:#faf9ff;color:#624bc0}
@media(max-width:700px){.sidebar-filters .filter-field select,.sidebar-filters .search-field input,.sidebar-filters .clear-filters{height:40px}}
/* Give the row action some breathing room from the table edge. */
.records-panel .row-action{position:relative;left:-12px}
.records-panel tbody td:last-child{padding-right:22px}
.profile-caveat{margin:12px 0 0;padding:10px 12px;border-radius:7px;background:#fff8ed;color:#926c36;font-size:12px;line-height:1.6}

.signed-in-user { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; color: #645c7b; }
.scope-notice { border: 1px solid #e5def7; background: #f4f0fc; color: #786699; padding: 13px 17px; border-radius: 10px; margin-bottom: 20px; font-size: 15px; line-height: 1.7; }