/* Workspace component contract. Sidebar and sender-authored email bodies are excluded. */
:root{--vl-control-radius:6px;--vl-surface-radius:10px;--vl-control-height:36px;--vl-ui-line:#ddd6dc;--vl-ui-ink:#40383f;--vl-ui-muted:#797078;--vl-ui-accent:#805269}
.fr-shell main .fin :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,button),.vl-thread-reader :is(.vl-conversation-topbar,.vl-context) :is(button,select,input),#teamhub-root .audit-pagination :is(button,select){box-sizing:border-box;border:1px solid var(--vl-ui-line);border-radius:var(--vl-control-radius);height:var(--vl-control-height);min-height:var(--vl-control-height);padding:6px 10px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;vertical-align:middle}
.fr-shell main .fin :is(input:not([type=checkbox]):not([type=radio]),select){background:#fff;color:var(--vl-ui-ink)}
.fr-shell main .fin [data-ledger-filters]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:0;margin:0 0 20px}
.fr-shell main .fin [data-ledger-filters]>label{display:grid;gap:6px;flex:0 1 170px;min-width:150px;margin:0;font-size:12px}
.fr-shell main .fin [data-ledger-filters]>label:has([name=q]){flex:1 1 220px}
.fr-shell main .fin [data-ledger-filters] .fin-ledger-export>summary{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:36px;height:36px;border:1px solid var(--vl-ui-line);border-radius:6px;padding:0;list-style:none}
.fr-shell .fin-ledger .fin-ledger-table{table-layout:fixed;min-width:1130px;width:100%}
.fr-shell .fin-ledger .fin-ledger-table .fr-col-date{width:110px}
.fr-shell .fin-ledger .fin-ledger-table .fr-col-description{width:300px;min-width:300px}
.fr-shell .fin-ledger .fin-ledger-table .fr-col-category{width:140px}
.fr-shell .fin-ledger .fin-ledger-table .fr-col-status{width:120px}
.fr-shell .fin-ledger .fin-ledger-table .fr-col-out,.fr-shell .fin-ledger .fin-ledger-table .fr-col-in{width:110px}
.fr-shell .fin-ledger .fin-ledger-table .fr-col-balance{width:140px}
.fr-shell .fin-ledger .fin-ledger-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:48px;padding:12px 10px;font-weight:400}
.fr-shell .fin-ledger .fin-ledger-table td.fr-col-description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr-shell .fin-ledger .fin-ledger-table td.fr-col-description a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit;font-weight:400;color:inherit}
.fr-shell .fin-ledger .fin-ledger-table td small{display:block;font-size:11px;color:var(--vl-ui-muted);overflow:hidden;text-overflow:ellipsis}
.fr-shell .fin-ledger .fin-ledger-table .out{color:#ae3749}.fr-shell .fin-ledger .fin-ledger-table .in{color:#237653}
.fin-audit-pagination,.audit-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 0;font-size:12px}
.fin-audit-pagination form,.fin-audit-pagination form label,.fin-audit-pagination>div,.audit-pagination label{display:flex;align-items:center;gap:8px;margin:0}
.fin-audit-pagination [aria-disabled=true]{color:var(--vl-ui-muted);opacity:.6}
.vl-finance-navigation{min-height:52px;box-sizing:border-box;padding:0 14px}
#teamhub-root .teamhub-bar{min-height:52px;padding:0 24px;gap:20px;box-sizing:border-box;align-items:center;flex-wrap:wrap}
#teamhub-root .teamhub-groups{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
#teamhub-root .teamhub-section-picker{display:none}
#teamhub-root .vl-nav-dropdown{position:relative;margin:0;padding:0;border:0}
#teamhub-root .vl-nav-dropdown>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px}
#teamhub-root .vl-nav-dropdown>summary::after{content:'⌄';font-size:11px}
#teamhub-root .vl-nav-dropdown>summary::-webkit-details-marker{display:none}
#teamhub-root .vl-nav-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:190px;background:#fff;border:1px solid var(--vl-ui-line);border-radius:6px;box-shadow:0 6px 18px #30202c14;padding:5px}
#teamhub-root .vl-nav-dropdown:last-child .vl-nav-menu{left:auto;right:0}
#teamhub-root .vl-nav-menu button{display:block;min-height:36px;text-align:left;width:100%;padding:8px 10px;border:0;border-radius:4px;background:transparent;font:inherit;color:inherit}
#teamhub-root .vl-nav-menu button:hover,#teamhub-root .vl-nav-menu button.is-active{background:#f1e8ee}
.vs-shell details.vs-insights.card{padding:0;min-height:0}
.vs-shell details.vs-insights.card>summary{display:flex;align-items:center;gap:12px;min-height:42px;box-sizing:border-box;padding:10px 16px;margin:0}
.vs-shell details.vs-insights.card>summary::after{margin-left:auto}
.vs-shell details.vs-insights.card[open]>*:not(summary){margin-inline:16px}
.sy-version-tools{display:flex;align-items:center;gap:8px}.vl-icon-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--vl-ui-accent)}.vl-icon-action svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.6}
@media(max-width:760px){:root{--vl-control-height:42px}#teamhub-root .teamhub-bar{padding:12px 16px;gap:10px}#teamhub-root .teamhub-groups{width:100%;align-items:flex-start}#teamhub-root .vl-nav-dropdown{position:static}#teamhub-root .vl-nav-dropdown[open]{flex:1 0 100%}#teamhub-root .vl-nav-menu{position:static;box-shadow:none;margin-top:6px;min-width:0}.vl-finance-navigation{padding:0 6px}.fr-shell .fin-ledger .fin-ledger-table{min-width:1150px}.fin-audit-pagination{gap:14px}}
/* Workspace context is a peer of the reader, never a floating button over a card. */
.vl-mail-workspace.has-context[data-mode=full]{grid-template-columns:minmax(0,1fr) 280px}
.vl-mail-workspace.has-context[data-mode=split]{grid-template-columns:minmax(240px,.65fr) minmax(400px,1fr) 280px}
.vl-mail-context-panel{--control-h:var(--vl-control-height,36px);--control-radius:var(--vl-control-radius,6px);min-width:0;align-self:start;background:#fff;border:1px solid var(--vl-ui-line);border-radius:var(--vl-surface-radius);max-height:calc(100vh - 160px);overflow:hidden}
.vl-mail-context-panel[hidden]{display:none}
.vl-mail-workspace .vl-mail-context-panel>header{box-sizing:border-box;min-height:48px;height:48px;margin:0;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--vl-ui-line);font-size:13px}
.vl-mail-context-content{padding:12px;max-height:calc(100vh - 214px);overflow:auto}
.vl-mail-context-panel .vl-context-in-workspace{position:static!important;display:block!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;width:100%;max-height:none;overflow:visible}
.vl-mail-context-panel .vl-context-in-workspace>.vl-card{box-sizing:border-box;background:#fff;border:1px solid var(--vl-ui-line);border-radius:10px!important;padding:14px;margin:0 0 12px;box-shadow:none}
.vl-mail-context-panel :is(input,select,button){font-family:inherit;font-size:13px;border-radius:6px;box-sizing:border-box}
.vl-mail-context-panel .vl-context-in-workspace :is(input:not([type=hidden]),select){width:100%;height:36px;min-height:36px;border:1px solid var(--vl-ui-line);background:#fff;padding:6px 9px}
.vl-mail-context-panel label{display:grid;gap:6px;font-size:12px;margin:0 0 12px}
.vl-mail-context-panel .vl-context-in-workspace h3{font-size:14px;margin:0 0 12px}
.vl-reader-controls>[data-reader-close]{margin-right:2px}.vl-reader-controls>.vl-reader-caption{margin-left:0;margin-right:auto}
body.vl-context-exported .vl-threadgrid{display:block!important}
@media(max-width:1099px){.vl-mail-workspace.has-context[data-mode=split],.vl-mail-workspace.has-context[data-mode=full]{grid-template-columns:minmax(0,1fr)}.vl-mail-workspace.has-context[data-mode=split]>.vl-mail-list-surface{display:none}.vl-mail-context-panel{position:fixed;right:16px;top:80px;bottom:16px;z-index:60;width:min(340px,calc(100vw - 32px));max-height:none;box-shadow:0 8px 30px #30202c26}.vl-mail-context-content{max-height:calc(100vh - 150px)}}
#teamhub-root .teamhub-groups .btn{min-height:36px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;border-radius:6px}
.fr-shell .fin-ledger .fin-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){.fr-shell .fin-ledger .fin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.fr-shell .fin-ledger .fin-ledger-table th:is(.out,.in){font-weight:500;color:inherit}