/* Operational density: natural content height, shared headers, controls and help. */
@media screen {
 :root{--work-gap:8px;--row-height:34px}
 .content,body[data-page=invoices] .content,body[data-page=clients] .content{padding:10px 16px;gap:8px}
 .module-workspace{gap:8px}.page-heading,.iv-heading,.cl-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;min-height:36px}
 .page-heading h1,.iv-heading h1,.cl-heading h1{font-size:22px;line-height:1.25;margin:0}
 .page-heading>.eyebrow,.page-heading .subheading,.cl-heading p{display:none}
 .iv-heading p{font-size:11px;margin:2px 0 0}.page-heading>.flex{margin:0}
 .metrics{gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:white}
 .metric,.metric:first-child{background:white;color:var(--ink);border:0;border-right:1px solid var(--line);border-radius:0;padding:6px 12px;min-height:52px;display:flex;flex-direction:column;justify-content:center}
 .metric:last-child{border-right:0}.metric .metric-top,.metric:first-child .metric-top{margin:0;color:var(--muted);font-size:11px;line-height:16px}.metric .metric-value,.metric:first-child .metric-value{font-size:20px;line-height:24px;color:var(--ink)}
 .metric-icon,.metric-foot{display:none}.metric-value small{font-size:11px;margin-left:5px}
 .report-stats{border-radius:6px}.report-stat{padding:5px 12px;min-height:52px;border-radius:0;box-shadow:none}.report-stat small{margin:0;font-size:11px;line-height:17px}.report-stat strong{font-size:20px;line-height:24px}
 .report-toolbar,.toolbar,.sequence-filters{margin:0;gap:8px}.filters{gap:8px;align-items:end}.filter-label{gap:3px}.filters input,.filters select{padding:6px 9px}
 .cl-toolbar,.iv-toolbar{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.cl-search{flex:0 1 340px}.iv-filter{max-width:340px}.cl-filter input,.iv-filter input{min-width:240px}
 .module-workspace .workspace-flex,#clients-workspace,#invoice-workspace{flex:0 1 auto;min-height:0;gap:8px}
 .workspace-flex>.workspace-flex,.workspace-flex>.workspace-scroll,.workspace-scroll,.iv-grid,.cl-grid{flex:0 1 auto;min-height:0;height:auto}
 .workspace-scroll,.table-wrap,.cl-grid,.iv-grid{overflow:auto;overscroll-behavior:contain;max-height:65dvh}
 .module-workspace .panel{box-shadow:none;border-radius:6px}.module-workspace .panel:has(>.table-wrap){margin:0}
 .module-workspace td,.module-workspace .owner-table td,.module-workspace .sequence-table td,.cl-table td,.iv-table td{padding:5px 10px;font-size:12px;line-height:1.4;vertical-align:middle;height:auto}
 .module-workspace td strong{font-size:12px}.module-workspace td .sub,.cl-table small{font-size:11px;line-height:1.35}
 .module-workspace th{padding:5px 10px;height:34px;vertical-align:middle;font-size:12px}
 .badge{padding:3px 6px;line-height:17px;white-space:nowrap}.sequence-table td:last-child{white-space:nowrap}.sequence-actions{display:inline-flex;vertical-align:middle;margin:0 0 0 8px}.sequence-table .badge{margin:0}
 .table-pagination,.iv-pagination,.cl-pagination{padding:4px 10px;min-height:36px;gap:8px;flex-wrap:wrap}.table-pagination .filtered-totals{flex:0 1 auto;font-size:11px;color:#526574}
 .statement-heading{display:none}.report-toolbar{align-items:end}.owner-table tfoot td{padding:7px 10px}
 .context-help{font-size:11px;color:#617481;flex:none}.context-help>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:5px;min-height:28px}.context-help>summary:before{content:'ⓘ';font-size:14px}
 .context-help[open]{padding:0 10px 8px;background:#f7fafc;border:1px solid var(--line);border-radius:4px}.context-help .report-basis,.context-help .currency-basis,.context-help .cl-footnote{padding:0;margin:0;background:none;line-height:1.6;font-size:12px}
 .sequence-filters .field{min-width:200px}.sequence-filters p{margin:0}.sequence-filters .context-help{align-self:center}
 .table-view-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:11px;min-height:28px;padding:0 8px;flex:none;flex-wrap:wrap}
 .table-view-controls>span{margin-right:auto;color:#96542a}.table-view-controls button{border:0;background:none;color:#526777;font-size:11px;min-height:28px;padding:3px 6px;cursor:pointer}.table-view-controls button:hover{background:#eaf0f4;border-radius:4px}
 /* Shared AutoFilter menu: only the values list scrolls. */
 th.filter-heading{position:sticky;padding-right:29px!important;min-width:75px;top:0}.filter-heading>span{display:block;overflow:hidden;text-overflow:ellipsis}
 .filter-heading .column-filter-trigger{position:absolute;right:2px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:25px;min-height:28px;width:25px;padding:0;border:0;background:transparent;color:#74828d;cursor:pointer;border-radius:3px}
 .filter-heading .column-filter-trigger:hover,.filter-heading .column-filter-trigger.is-filtered{background:transparent;color:var(--brand,#d52617)}.column-filter-trigger svg{width:14px;height:14px;flex:none;pointer-events:none}.filter-heading[aria-sort=ascending]>span:after{content:' ↑'}.filter-heading[aria-sort=descending]>span:after{content:' ↓'}
 .column-filter,.column-filter *{box-sizing:border-box}.column-filter{position:fixed;inset:auto;margin:0;width:min(260px,calc(100vw - 16px));max-height:min(350px,calc(100dvh - 16px));overflow:hidden;border:1px solid #cbd6df;border-radius:6px;padding:7px;background:#fff;color:var(--ink,#253e50);box-shadow:0 6px 20px #23384429;z-index:100;font-size:12px;line-height:1.35}
 .column-filter:popover-open{display:flex;flex-direction:column;gap:4px}.column-filter::backdrop{background:transparent}.column-filter>header,.column-filter>footer,.cf-sort,.cf-select{display:flex;align-items:center;gap:4px;flex:none}.column-filter>header{min-height:24px}.column-filter>header strong{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
 .column-filter button{font:inherit;min-height:28px;padding:3px 7px;border:1px solid transparent;background:transparent;color:#405b6e;border-radius:3px;cursor:pointer}.column-filter button:hover{background:#f0f4f7}.column-filter button:disabled{opacity:.55;cursor:default}.column-filter button:focus-visible,.column-filter-trigger:focus-visible{outline:2px solid #668da8;outline-offset:1px}.column-filter button[data-close]{display:inline-flex;align-items:center;justify-content:center;min-height:24px;width:24px;padding:0}
 .cf-sort{padding-bottom:3px;border-bottom:1px solid #e7edf1}.cf-sort button{display:flex;gap:5px;align-items:center;justify-content:center;flex:1;font-size:11px;padding:3px}.cf-sort svg{width:13px;height:13px;flex:none}.cf-sort button[aria-pressed=true]{color:var(--brand,#d52617);background:#fcf0ee}
 .column-filter input:not([type=checkbox]),.column-filter select{min-width:0;width:100%;height:28px;min-height:28px;border:1px solid #d5dfe6;border-radius:3px;padding:3px 6px;font:inherit;color:inherit;background:white}.column-filter input[data-search]{flex:none}.column-filter input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--brand,#d52617);flex:none}
 .cf-select{justify-content:space-between;min-height:26px}.cf-select label{display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}.column-filter button[data-advanced]{font-size:11px;padding:3px 4px;min-height:26px}.column-filter button[data-advanced]:after{content:'+';margin-left:4px}.column-filter button[data-advanced][aria-expanded=true]:after{content:'−'}.column-filter button[data-advanced].is-active{color:var(--brand,#d52617);font-weight:600}
 .cf-advanced{display:flex;flex-direction:column;gap:4px;flex:none}.cf-arguments{display:flex;gap:4px}.cf-arguments input{flex:1;width:0!important}.cf-values{flex:0 1 auto;min-height:0;max-height:190px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a8b7c4 #f4f7f9;border:1px solid #e2e8ed;border-radius:3px;padding:2px}
 .cf-value{display:flex;align-items:center;gap:6px;padding:3px 4px;min-height:25px;cursor:pointer}.cf-value:hover{background:#f1f5f8}.cf-value span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.cf-values summary{cursor:pointer;min-height:24px;padding:2px 4px;display:flex;align-items:center;gap:6px}.cf-values details>details{padding-left:8px}.cf-values details .cf-value{padding-left:12px}.cf-values details>summary:before{content:'+';width:8px;color:#6c7e8a}.cf-values details[open]>summary:before{content:'−'}.cf-empty{margin:0;padding:5px;color:#6a7f8d;font-size:11px}
 .cf-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cf-error{flex:none;margin:0;color:#a62d23;font-size:11px;line-height:1.3;overflow-wrap:anywhere}.column-filter>footer{justify-content:flex-end;border-top:1px solid #e6ebef;padding-top:4px}.column-filter button[data-clear]{margin-right:auto;color:#617481}.column-filter button[data-cancel]{border-color:#dce3e9}.column-filter .primary{background:var(--brand,#d52617);color:white;border-color:var(--brand,#d52617)}.column-filter .primary:hover{background:#b9271c}
 .money-input{text-align:right;font-variant-numeric:tabular-nums}.money-input:invalid:not(:placeholder-shown){border-color:#b84b40}
 .modal-head{padding:10px 16px}.modal-content{padding:12px 16px}.modal-foot{padding:8px 16px}.modal-content .form-grid{gap:10px 14px}.modal-content .notice{padding:7px 10px;margin-bottom:10px}
 .page-foot{margin-top:auto;font-size:10px}.chart-axis{width:88px;font-size:10px}.chart-bars{margin-left:88px}
}
@media screen and (max-width:750px){
 .page-heading,.cl-heading,.iv-heading{flex-wrap:wrap}.report-stats,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.table-view-controls{justify-content:flex-start}
 .owner-table table,.sequence-table table{display:table;min-width:720px}.owner-table thead,.sequence-table thead{display:table-header-group}.owner-table tbody,.sequence-table tbody{display:table-row-group}.owner-table tfoot{display:table-footer-group}
 .owner-table tbody tr,.sequence-table tbody tr,.owner-table tfoot tr{display:table-row}.owner-table tbody td,.sequence-table td,.owner-table tfoot td{display:table-cell}.owner-table td.observation-cell:before,.sequence-table td:before{display:none}
 .workspace-scroll,.iv-grid,.cl-grid{min-height:0}.cl-filter input,.iv-filter input{min-width:0}.cl-search{flex:1 1 240px}
}
@media print{.table-view-controls,.column-filter-trigger,.column-filter,.context-help>summary{display:none!important}.context-help>p,.context-help>footer{display:block!important}.money-input{border:0}}

@media screen{.iv-table{min-width:1560px}.list-total{flex:0 1 auto;font-size:11px;color:#526574}.cl-table{min-width:1120px}.report-stat{border-bottom:0}.cf-values details>summary{user-select:none}}

@media screen{.iv-table th:nth-child(14){width:110px}.iv-table th:nth-child(15){width:92px}.iv-table th:nth-child(16){width:120px}.iv-table th:nth-child(17){width:44px}.iv-table th button.column-filter-trigger,.cl-table th button.column-filter-trigger{width:25px;padding:0;justify-content:center;font-size:17px;min-height:28px}.cl-table th:nth-child(7){width:110px}.cl-table th:nth-child(8){width:120px}.cl-table th:nth-child(9){width:50px}}
[hidden]{display:none!important}

@media screen{.iv-table,.iv-table.comfortable{min-width:1844px}.iv-table .filter-heading>span{white-space:nowrap}.iv-table .badge{white-space:nowrap}.iv-document-kinds{margin-bottom:0}.iv-table th:nth-child(1){width:108px}.iv-table th:nth-child(2){width:95px}.iv-table th:nth-child(3){width:82px}.iv-table th:nth-child(4){width:80px}.iv-table th:nth-child(5){width:155px}.iv-table th:nth-child(6){width:110px}.iv-table th:nth-child(7){width:70px}.iv-table th:nth-child(8){width:125px}.iv-table th:nth-child(9){width:105px}.iv-table th:nth-child(10){width:100px}.iv-table th:nth-child(11){width:105px}.iv-table th:nth-child(12){width:150px}.iv-table th:nth-child(13){width:145px}.iv-table th:nth-child(14){width:130px}.iv-table th:nth-child(15){width:100px}.iv-table th:nth-child(16){width:140px}.iv-table th:nth-child(17){width:44px}}

.numeric-column{text-align:right!important;font-variant-numeric:tabular-nums}

/* The original company mark is the single sidebar control. */
@media screen{
 .app-shell{--sidebar-width:224px;grid-template-columns:var(--sidebar-width) minmax(0,1fr);transition:grid-template-columns 200ms ease}
 .app-shell.sidebar-compact{--sidebar-width:74px}
 .app-shell .sidebar{width:var(--sidebar-width);padding:10px 10px 8px;overflow:hidden;transition:width 200ms ease,transform 200ms ease}
 .sidebar-logo-toggle{position:relative;display:block;flex:none;width:100%;height:72px;margin:0 0 4px;padding:0;border:0;border-radius:4px;background:transparent;overflow:hidden}
 .sidebar-logo-toggle:focus-visible{outline:2px solid #ee8e82;outline-offset:2px}
 .sidebar-full-logo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity 90ms ease 100ms,visibility 0s linear 100ms}
 .sidebar-full-logo .sidebar-wordmark{display:block;width:190px;max-width:100%;height:70px;overflow:hidden;flex:none}
 .sidebar-pine{position:absolute;left:50%;top:50%;width:auto;height:44px;transform:translate(-50%,-50%);opacity:0;visibility:hidden;transition:opacity 90ms ease,visibility 0s linear 90ms}
 .sidebar .nav-caption{flex:none;white-space:nowrap;overflow:hidden;padding:8px 14px 5px}
 .sidebar nav{margin:0;overflow-x:hidden;scrollbar-width:thin}
 .sidebar .nav-link{position:relative;min-height:36px;padding:8px 12px;gap:12px;overflow:hidden}
 .sidebar .nav-link svg{width:20px;height:20px}
 .sidebar .nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;opacity:1;transition:opacity 80ms ease 100ms}
 .sidebar-compact .sidebar-full-logo{opacity:0;visibility:hidden;transition:opacity 80ms ease,visibility 0s linear 80ms}
 .sidebar-compact .sidebar-pine{opacity:1;visibility:visible;transition:opacity 90ms ease 100ms,visibility 0s linear 100ms}
 .sidebar-compact .nav-caption{display:none}
 .sidebar-compact .nav-link{justify-content:center;gap:0}
 .sidebar-compact .nav-link>.nav-label{flex:0 0 0;opacity:0;visibility:hidden;transition:opacity 60ms ease}
 .sidebar-compact .nav-link>.count{position:absolute;top:1px;right:1px;min-width:15px;max-width:25px;height:15px;line-height:15px;font-size:9px;padding:0 3px;margin:0;text-align:center;overflow:hidden;background:var(--brand);color:white}
 .menu-toggle img{height:30px;width:auto;display:block}
}
@media screen and (min-width:651px) and (max-width:900px){.app-shell:not(.sidebar-compact){--sidebar-width:190px}}
@media screen and (max-width:650px){
 .app-shell,.app-shell.sidebar-compact{grid-template-columns:minmax(0,1fr);--sidebar-width:230px}
 .sidebar-compact .sidebar-full-logo{opacity:1;visibility:visible;transition:none}
 .sidebar-compact .sidebar-pine{opacity:0;visibility:hidden;transition:none}
 .sidebar-compact .nav-caption,.sidebar-compact .sidebar-bottom{display:block}
 .sidebar-compact .nav-link{justify-content:flex-start;gap:12px}
 .sidebar-compact .nav-link>.nav-label{flex:1;opacity:1;visibility:visible;transition:none}
 .sidebar-compact .nav-link>.count{position:static;min-width:0;max-width:none;height:auto;line-height:normal;font-size:11px;padding:2px 7px;margin-left:auto}
 .menu-toggle{min-width:44px;min-height:44px;padding:6px;background:transparent}
 .app-shell:has(.sidebar.open) .menu-toggle{visibility:hidden}
}
@media screen and (prefers-reduced-motion:reduce){.app-shell,.app-shell .sidebar,.sidebar-full-logo,.sidebar-pine,.sidebar .nav-label{transition:none!important}}

@media(pointer:coarse){th.filter-heading button.column-filter-trigger{min-width:32px;min-height:36px}.cf-value{min-height:32px}.column-filter button{min-height:30px}th.filter-heading{padding-right:36px!important}}

/* One toolbar and a natural-height footer leave the workspace to the records. */
@media screen {
 .iv-toolbar,.cl-toolbar{margin:0;gap:8px}
 .iv-toolbar .iv-filter:has([data-iv-filter=kind]){flex:0 1 185px}
 .has-table-controls{display:flex;align-items:end;flex-wrap:wrap;gap:8px}
 .has-table-controls>.table-view-controls{margin-left:auto;padding:0;min-height:32px;gap:4px}
 .table-pagination,.iv-pagination,.cl-pagination{padding:3px 8px;min-height:32px;column-gap:14px;row-gap:2px}
 .table-pagination>div,.iv-pagination>div,.cl-pagination>div{margin-left:auto;gap:6px}
 .table-pagination select,.iv-pagination select,.cl-pagination select{min-width:92px;height:28px;min-height:28px}
 .table-pagination .filtered-totals,.list-total{line-height:18px}
 .sidebar .sidebar-bottom{margin-top:auto;padding:6px 0 0;border-top:1px solid #415059;flex:none;min-width:0}
 .sidebar .fiscal-environment-bar{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:3px 5px;padding:3px 4px;border:0;border-radius:4px;background:transparent;color:#bbd9ed;font-size:11px;min-width:0}
 .sidebar .fiscal-environment-bar.local{color:#c6d2d9}
 .sidebar .fiscal-environment-bar.certification{color:#f5cf85}
 .sidebar .fiscal-environment-bar.production{color:#ff9f94}
 .sidebar .fiscal-environment-copy{flex:1 1 130px;min-width:0;gap:6px;align-items:flex-start}
 .sidebar .fiscal-environment-copy>div{min-width:0}
 .sidebar .fiscal-environment-copy strong{display:block;font-size:11px;line-height:16px;font-weight:600}
 .sidebar .fiscal-period{font-size:10px;line-height:15px}
 .sidebar .fiscal-environment-dot{margin-top:5px;width:6px;height:6px;flex:none}
 .sidebar .fiscal-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .sidebar .fiscal-environment-short{display:none}
 .sidebar .fiscal-environment-actions{display:flex;gap:2px;flex:none;margin-left:auto}
 .sidebar .fiscal-environment-actions .btn{min-width:28px;min-height:28px;width:28px;height:28px;padding:5px;border:0;background:transparent;color:inherit}
 .sidebar .fiscal-environment-actions .btn:hover,.sidebar-live .icon-btn:hover{background:#ffffff16}
 .sidebar .fiscal-environment-actions svg{width:15px;height:15px;flex:none}
 .sidebar .fiscal-environment-offline{font-size:10px;line-height:14px;overflow-wrap:anywhere;color:#ffd493}
 .sidebar-live{display:flex;align-items:center;gap:5px;padding:1px 4px;font-size:10px;color:#bcc9d2;min-width:0}
 .sidebar-live .local-label{font-size:10px;gap:6px;white-space:nowrap}
 .sidebar-live #live-status{margin-left:auto;font-size:9px;white-space:nowrap}
 .sidebar-live .icon-btn{width:24px;height:26px;min-width:24px;padding:4px;color:inherit}
 .sidebar-live .icon-btn svg{width:13px;height:13px}
 .sidebar button:focus-visible{outline:2px solid #ee8e82;outline-offset:1px}
 .cf-values summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .cf-values details[data-date-month] .cf-value{padding-left:26px}
 .cl-table .filter-heading>span{white-space:nowrap}
 .cl-table th:nth-child(6){width:120px}
 .login-art h1{color:#f5f7fa}
}
@media screen and (min-width:651px){
 .sidebar-compact .sidebar-bottom{display:block}
 .sidebar-compact .fiscal-environment-bar{justify-content:center;padding:3px 0;gap:2px}
 .sidebar-compact .fiscal-environment-copy{position:absolute;flex:none;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .sidebar-compact .fiscal-environment-short{display:block;width:100%;font-size:9px;font-weight:600;text-align:center;line-height:18px}
 .sidebar-compact .fiscal-environment-actions{margin:0;gap:0}
 .sidebar-compact .fiscal-environment-actions .btn{min-width:26px;width:26px}
 .sidebar-compact .fiscal-environment-offline{font-size:9px;text-align:center}
 .sidebar-compact .sidebar-live{justify-content:center;gap:4px;padding:1px 0}
 .sidebar-compact .sidebar-local-copy,.sidebar-compact #live-status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media screen and (max-width:750px){
 .has-table-controls>.table-view-controls{margin-left:0}
 .table-pagination>div,.iv-pagination>div,.cl-pagination>div{flex-wrap:wrap}
}
@media screen and (max-width:1150px){
 .topbar .search-box{width:140px;min-width:0;gap:5px}
 .topbar .search-box input{width:0;min-width:0;flex:1}
 .topbar .search-box svg{width:16px;flex:none}
 .topbar .search-box kbd{display:none}
 .topbar .top-user-copy{display:none}
 .topbar .breadcrumbs{min-width:0}
 .topbar>.flex{min-width:0}
 .topbar .top-tools{flex:none}
}

/* The user identity is also the account menu, including on small screens. */
@media screen {
 .topbar .top-user{display:flex;flex:none;border:0;border-left:1px solid var(--line);border-radius:4px;background:transparent;color:inherit;text-align:left;min-height:40px;padding:4px 7px 4px 14px}
 .topbar .top-user:hover,.topbar .top-user[aria-expanded=true]{background:#edf2f5}
 .topbar .top-user:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
}
@media screen and (max-width:650px){
 .topbar .top-user{padding:4px;border-left:0;min-width:40px;min-height:44px;justify-content:center}
 .topbar .menu-toggle{flex-shrink:0}
}
@media screen and (max-width:360px){.topbar .top-tools>[data-action=quick-create]{display:none}}
