/* Comfortable reading scale; financial figures remain the visual anchor. */
@media(min-width:1001px){main{padding-top:25px}
.page-heading{margin-bottom:23px}
.collections{padding-top:16px}
.finance-metrics{margin-top:12px}
.chart-header{margin-top:18px}
.chart{height:108px}
.bars{height:88px}
.chart-tooltip{bottom:92px}
.attention-row{padding-block:14px}
.active-projects{margin-top:24px}
.section-heading{margin-bottom:14px}
}

.breadcrumbs{font-size:13px}
.connection{font-size:12px}
.nav-label{font-size:11px}
.sidebar nav a,.settings-nav{font-size:14px}
.workspace{font-size:13px}
.profile b{font-size:13px}
.profile small{font-size:12px}
.page-heading p{font-size:14px;color:#777983}
.button{font-size:13px}
.date-control .button{font-size:12px}
.collections .panel-heading h2,.attention h2,.team-preview h2,.activity h2{font-size:16px}
.currency{font-size:11px}
.metric-label{font-size:12px;color:#777983}
.comparison{font-size:11px;color:#777983}
.metric-link>small{font-size:10px;color:#81818a}
.chart-header{font-size:11px;color:#81818a}
.chart-header>div{font-size:10px}
.chart-y,.week-label{font-size:10px;color:#878993}
.collection-footer{font-size:10px;color:#82848e}
.attention-meta{font-size:11px;color:#777983}
.attention-meta>span:not(.status-dot){color:#927768}
.attention-row h3{font-size:13px}
.attention-row p{font-size:11px;color:#81828b}
.attention-footer{font-size:11px;color:#81838d}
.section-heading p{font-size:12px;color:#80828c}
.section-heading h2{font-size:18px}
.segmented button{font-size:11px}
.segmented button span{font-size:10px}
.text-button{font-size:12px}
.project-table thead,.invoice-table thead{font-size:11px;color:#858690}
.project-table td{font-size:12px}
.project-table td{padding-block:13px}
.project-identity b{font-size:13px}
.project-identity small{font-size:11px;color:#858792}
.status{font-size:10px}
.progress-cell{font-size:11px;color:#7e8089}
.owner{font-size:11px;color:#777983}
.owner img{width:25px;height:25px}
.team-subhead{font-size:11px;color:#858791}
.workload-row{font-size:12px}
.load-label{font-size:10px}
.panel-footnote{font-size:11px;color:#858792}
.activity-desc b{font-size:12px}
.activity-desc small{font-size:11px;color:#858791}
.activity-amount b{font-size:12px}
.activity-amount small{font-size:10px}
.activity-row{padding-block:16px}
.page-footer{font-size:10px}
.project-tabs button{font-size:13px}
.tab-count{font-size:10px}
.search-field input{font-size:12px}
.choices__inner{font-size:12px}
.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{font-size:12px}
.choices__input{font-size:12px!important}
.stage,.due-cell>span,.budget-cell>span{font-size:11px}
.due-cell small,.budget-cell small{font-size:10px;color:#878993}
.full-projects .project-identity b{font-size:12px}
.full-projects .project-identity small{font-size:11px}
.table-footer{font-size:11px;color:#858791}
.full-projects .owner{font-size:11px}
.full-projects .project-table td{padding-block:16px}
.invoice-client b,.invoice-id{font-size:12px}
.invoice-client small{font-size:11px;color:#858791}
.drawer-eyebrow{font-size:10px}
.form-section h3{font-size:14px}
.field label{font-size:12px}
.field input,.field textarea{font-size:13px}
.field label>span{font-size:11px}
.client-email{font-size:11px;color:#80838d}
.line-labels{font-size:10px;color:#858791}
.line-item input{font-size:12px}
.line-amount{font-size:12px}
.items-heading>span{font-size:11px;color:#858791}
.invoice-totals>div{font-size:12px}
.invoice-totals .grand-total{font-size:16px}
.invoice-delivery{font-size:11px}
.static-field{font-size:13px}
.settings-section-title p,.preference-row small{font-size:12px}
.preference-row b{font-size:13px}
.email-setting label,.email-setting input{font-size:13px}
.connection-panel p{font-size:12px}
.preferences-footer .saved-note{font-size:12px}
.settings-user{font-size:11px}
.settings-tabs>span{font-size:13px}
.invoice-summary span{font-size:12px}
.detail-grid label,.detail-grid small{font-size:11px}
.timeline b{font-size:13px}
.timeline small{font-size:11px}
.invoice-paper-heading>span{font-size:10px}
.invoice-address label,.invoice-address p{font-size:11px}
.invoice-address h3{font-size:13px}
.invoice-address b{font-size:12px}
.invoice-preview-labels{font-size:11px}
.invoice-preview-item b{font-size:12px}
.invoice-preview-item small{font-size:11px}
.invoice-note{font-size:11px}
.invoice-detail-top .subtle{font-size:11px}
.full-projects .project-table th:first-child{width:24%}

@media(max-width:740px){.sidebar nav a>span:not(:first-child){display:none}
.settings-nav{font-size:0}
.workspace{display:none}
.page-heading p{font-size:12px}
.button{font-size:12px}
.metric-label{font-size:11px}
.comparison{font-size:10px}
.metric-link>small{font-size:10px}
.chart-header{font-size:10px}
.chart-header>div{font-size:9px}
.chart-y,.week-label{font-size:9px}
.collection-footer{font-size:9px}
.attention-meta{font-size:11px}
.attention-row p{font-size:11px}
.project-identity b,.full-projects .project-identity b{font-size:12px}
.project-identity small,.full-projects .project-identity small{font-size:11px;max-width:150px}
.project-table td{padding-block:14px}
.project-table{min-width:750px}
.project-tabs button{font-size:11px}
.text-button{font-size:11px}
.segmented button{font-size:10px}
.field input,.field textarea{font-size:16px}
.static-field{font-size:11px}
.line-item input,.line-amount{font-size:11px}
.settings-user{font-size:10px}
.activity-desc b,.activity-amount b{font-size:11px}
.activity-desc small{font-size:10px}
.team-preview h2,.activity h2{font-size:14px}
.load-label{display:none}
.workload-row .owner{width:123px;font-size:11px}
.team-subhead{font-size:10px}
.panel-footnote{font-size:10px}
.page-footer{font-size:9px}
}

/* Secondary text keeps readable contrast on the light workspace. */
.brand-sub,.plan,.nav-label,.profile small,.connection,.breadcrumbs,.metric-label,.comparison,.metric-link>small,.chart-header,.chart-header>span,.chart-y,.week-label,.collection-footer,.collection-footer b,.attention-meta,.attention-row p,.attention-footer,.section-heading p,.heading-count,.segmented button,.project-table thead,.invoice-table thead,.project-identity small,.progress-cell,.owner,.team-subhead,.workload-row>span,.panel-footnote,.activity-desc small,.activity-amount small,.page-footer,.page-footer>span:first-child,.project-tabs button,.tab-count,.current .tab-count,.search-field input::placeholder,.stage,.due-cell small,.budget-cell small,.table-footer,.project-summary,.invoice-client small,.team-overview span,.workload-row.full .owner small,.settings-user,.settings-section-title p,.preference-row small,.connection-panel p,.drawer-eyebrow,.detail-description,.detail-grid label,.detail-grid small,.timeline small,.linked-invoice small,.field label,.field label>span,.client-email,.items-heading>span,.line-labels,.invoice-totals>div,.invoice-delivery,.invoice-address label,.invoice-address p,.invoice-preview-labels,.invoice-preview-item small,.invoice-note,.invoice-detail-top .subtle,.subtle{color:#70727c}

.chart-header>div{color:#72747e}
.currency{color:#6f7079}
.attention-meta>span:not(.status-dot){color:#8b6a56}
.orange-text{color:#bc4e21!important}
.metric-link.overdue>strong{color:#cf572b}
.status.risk{color:#ad4d23}
.status.review{color:#75618e}
.status.completed,.status.paid{color:#497456}
.status.sent{color:#556e94}
.status.ontrack,.status.draft{color:#696b75}
.green-text{color:#477050!important}
.detail-alert{color:#a45b33}
.detail-alert p{color:#8c6b58}
.choices__placeholder{color:#777984}
.field input::placeholder,.field textarea::placeholder,.line-item input::placeholder{color:#777984}
.invoice-paper-heading>span,.invoice-paper-brand>small,.invoice-preview-total small{color:#70727c}
.static-field{color:#70727c}
.load-label{color:#70727c}
.count-badge{color:#696b74}
.metric-link>small,.activity-amount small,.table-footer,.section-heading p{line-height:1.6}

@media(min-width:1001px){.collections .chart{height:88px}
.collections .bars{height:68px}
.collections .chart-tooltip{bottom:74px}
.attention-row{padding-block:10px}
.page-heading{margin-bottom:20px}
.collection-footer{height:32px}
}

.page-heading p,.section-heading p{color:#696b75}
.currency{color:#686a74}
.segmented button,.segmented button span{color:#656771;opacity:1}
.count-badge,.heading-count,.tab-count{color:#62646e}
.slash{color:#858792}

.text-button,.page-footer,.page-footer>span:first-child{color:#696b75}
.project-tabs button,.project-tabs button>span,.project-tabs button.current .tab-count{color:#656771}.project-tabs button.current{color:#36373d}.metric-link.overdue>strong{color:#c05127}
.invoice-sent-note{flex-wrap:wrap}.invoice-sent-note small{width:100%;padding-left:22px;font-size:11px;color:#70727c}
.project-tabs .tab-count,.project-tabs button.current .tab-count{color:#60626d}.project-summary,.project-summary span{color:#696b75}
@media(max-width:740px){.brand{font-size:0;display:flex;align-items:baseline;width:31px;height:32px;overflow:visible;letter-spacing:-1px}.brand:before{content:'l';font-size:32px}.brand:after{content:'.';font-size:32px;color:var(--accent)}}
.mobile-trend-toggle{display:none}.attention-footer{justify-content:space-between;text-align:left}.attention-footer:hover{background:#f5f5f7;color:#35363c}
@media(max-width:740px){.mobile-trend-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;font-size:11px;color:#696b75;border-top:1px solid #ededf2;margin-top:16px}.mobile-trend-toggle svg{width:14px}.collections:not(.chart-open) .chart-header,.collections:not(.chart-open) .chart,.collections:not(.chart-open) .collection-footer{display:none}.collections.chart-open .chart-header{display:flex;margin-top:10px}.collections.chart-open .chart{display:flex}.collections.chart-open .collection-footer{display:flex}.attention .attention-footer{display:flex;margin:10px -20px -20px;padding:12px 20px;font-size:11px}.attention-row{padding-block:15px}}
main{padding-bottom:28px}
@media(min-width:741px){.metric-label{font-size:13px}.comparison{font-size:12px}.metric-link>small{font-size:11px}.chart-header,.chart-header>div{font-size:11px}.chart-y,.week-label{font-size:11px}.collection-footer{font-size:11px}.attention-meta{font-size:12px}.attention-row h3{font-size:14px}.attention-row p{font-size:12px}.project-identity small,.full-projects .project-identity small{font-size:12px}.owner,.full-projects .owner{font-size:12px}.project-table thead,.invoice-table thead{font-size:12px}.status{font-size:11px}.progress-cell{font-size:12px}.stage,.due-cell>span,.budget-cell>span{font-size:12px}.due-cell small,.budget-cell small{font-size:11px}.activity-desc small,.activity-amount small,.panel-footnote{font-size:12px}.workload-row .owner{width:145px}.chart-tooltip{font-size:11px}.collection-footer{height:35px}}
@media(min-width:1001px){.attention-row{padding-block:8px}.chart-y{width:30px}}
.invoice-summary span,.settings-user,.subtle{color:#696b75}