.bill-workspace{max-width:1240px;margin:auto;color:#343434}.bill-workspace h1,.bill-workspace h2,.client-shell h1,.client-shell h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:0}.bill-workspace h1{font-size:32px}.bill-workspace h2{font-size:24px;margin:0 0 12px}.bill-workspace p{line-height:1.65}.bill-card{background:#fffdf9;border:1px solid #d9d9d9;border-radius:18px;padding:26px;margin:20px 0}.bill-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.bill-actions .btn{min-height:38px;font-size:13px}.bill-create{margin:26px 0}.bill-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.bill-metrics>div{padding:22px;background:#f1f1f1;border:1px solid #d8d8d8;border-radius:15px}.bill-metrics span,.bill-metrics small{display:block}.bill-metrics span{font-size:12px;color:#5d5d5d}.bill-metrics strong{display:block;font-size:27px;letter-spacing:-.7px;margin:12px 0}.bill-metrics small{font-size:11px;color:#6e6e6e}.bill-notice{border-radius:12px;background:#efefef;border:1px solid #d5d5d5;padding:16px 19px;margin:18px 0;font-size:13px;line-height:1.6;display:flex;gap:10px;flex-direction:column}.bill-notice strong{font-size:14px}.bill-error{background:#fff0e9;border-color:#cccccc;color:#4f4f4f}.bill-notice ul{margin:0;padding-left:20px}.bill-tabs{display:flex;gap:6px;flex-wrap:wrap}.bill-tabs button{border:1px solid transparent;border-radius:20px;background:transparent;padding:9px 14px;color:#646464;font:inherit;font-size:13px;cursor:pointer}.bill-tabs button.active{background:#e7e7e7;color:#3b3b3b;border-color:#cccccc}.bill-table{width:100%;border-collapse:collapse;font-size:13px}.bill-table th{text-align:left;color:#6d6d6d;font-size:11px;text-transform:uppercase;letter-spacing:.7px;padding:12px;border-bottom:1px solid #dadada}.bill-table td{padding:16px 12px;border-bottom:1px solid #e7e5de;vertical-align:middle}.bill-table td:nth-last-child(2){white-space:nowrap}.bill-table td:last-child{text-align:right}.bill-table small{display:block;font-size:11px;margin-top:5px;color:#7d7d7d}.bill-table .selected{background:#f0f0f0}.bill-table-wrap{overflow:auto}.bill-status{display:inline-block;font-size:10px;letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:6px 10px;background:#ecebe6;white-space:nowrap}.bill-status.paid,.bill-status.approved{background:#e6e6e6;color:#464646}.bill-status.overdue,.bill-status.declined,.bill-status.void{background:#f0e1d9;color:#555555}.bill-status.issued,.bill-status.part-paid{background:#eaeaea;color:#646464}.bill-empty{padding:35px 10px;text-align:center;max-width:580px;margin:auto}.bill-empty p{color:#717171}.bill-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bill-field{display:flex;flex-direction:column;gap:8px;margin:14px 0;font-size:13px;color:#545454}.bill-field input,.bill-field textarea,.bill-field select{width:100%;box-sizing:border-box;border:1px solid #cecece;border-radius:8px;background:white;padding:11px 13px;color:#2f2f2f;font:inherit;line-height:1.5}.bill-field input:focus,.bill-field textarea:focus,.bill-field select:focus{outline:2px solid #adadad;outline-offset:2px}.bill-field textarea{resize:vertical}.bill-detail-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.bill-detail-head>strong{font-size:27px}.bill-total{text-align:right}.bill-pre{white-space:pre-wrap}.bill-document-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.bill-document-links a{border:1px solid #cecece;background:#f4f3eb;padding:11px 14px;border-radius:8px;font-size:12px;color:#3b3b3b;text-decoration:none}.bill-payment{padding:14px 0;border-top:1px solid #e3e3e3;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.bill-email-preview{width:100%;height:700px;border:1px solid #dbdbdb;border-radius:12px;margin:22px 0;background:#f3f0eb}.bill-check{display:flex;gap:10px;align-items:flex-start;line-height:1.7;font-size:13px;margin:14px 0}.bill-check input{margin-top:5px;accent-color:#3b3b3b}.bill-muted{display:block;color:#787878;font-size:12px;margin-top:10px}.bill-workspace button:disabled,.client-shell button:disabled{opacity:.5;cursor:not-allowed}.client-page{margin:0;background:#f3f0e9;color:#3b3b3b;font:14px/1.65 Arial,sans-serif}.client-shell{max-width:1120px;margin:auto;padding:0 28px 70px}.client-brand{border-bottom:1px solid #d5d5d5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0}.client-brand img{width:120px;height:70px;object-fit:contain}.client-brand span{font-size:10px;letter-spacing:2px}.client-hero{padding:42px 0 12px}.client-hero .eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#7a7a7a}.client-hero h1{font-size:38px;margin:12px 0}.client-hero p{font-size:15px;color:#737373}.client-shell .bill-metrics{grid-template-columns:repeat(3,1fr)}.client-shell .bill-metrics>div{background:#fffdf9}.client-shell .btn{border:1px solid #bebebe;background:#f8f7f1;border-radius:8px;padding:10px 16px;color:#3b3b3b;font:inherit;font-size:13px;cursor:pointer;line-height:1.4}.client-shell .btn-primary{background:#3b3b3b;border-color:#3b3b3b;color:white}.client-shell .btn:focus-visible{outline:3px solid #b6b6b6;outline-offset:3px}.client-shell a{color:#3b3b3b}.client-record-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.client-record{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px;border:1px solid #dadada;border-radius:13px;background:#fffdf9}.client-record strong{display:block}.client-record small{color:#797979}.client-record .bill-status{margin-top:7px}.client-record.selected{border:2px solid #7f7f7f}.client-document-frame{width:100%;height:850px;border:1px solid #dcdcdc;border-radius:12px;background:#f1eee8;margin:15px 0}.client-review h3{font-family:Georgia,serif;font-size:24px;font-weight:normal}.client-audit{font-size:11px;overflow-wrap:anywhere;border-top:1px solid #ddd;padding-top:18px;margin-top:22px}.client-footer{margin-top:35px;font-size:12px;border-top:1px solid #d5d5d5;padding-top:20px;color:#727272}.bill-doc-button{background:#f3f3f3!important;color:#3b3b3b!important}.client-shell [role="alert"]:empty{display:none}@media(max-width:850px){.bill-metrics{grid-template-columns:1fr 1fr}.bill-table{min-width:600px}.bill-fields,.client-record-grid{grid-template-columns:1fr}.bill-detail-head{align-items:flex-start}.client-shell{padding:0 16px 45px}.client-hero h1{font-size:29px}.client-shell .bill-metrics{grid-template-columns:1fr}.client-shell .bill-metrics>div{padding:14px 20px}.client-shell .bill-metrics strong{margin:6px 0}.client-record{padding:16px}.bill-card{padding:20px}.client-document-frame{height:700px}.bill-detail-head>strong{font-size:22px}}@media print{.bill-actions,.bill-tabs,.client-brand,.client-document-frame,.client-record-grid,.bill-check,.client-review form,.bill-notice{display:none!important}.client-page,.bill-card{background:white;border:0}.client-shell{max-width:none;padding:0}.client-hero{padding:0}.bill-card{break-inside:avoid}.client-footer{margin-top:20px}}

.client-package-docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.client-package-docs .btn{text-align:left;padding:16px;min-height:88px}.client-package-docs strong{display:block;font-size:13px}.client-doc-label{display:inline-block;font-size:10px;margin-top:9px;padding:3px 8px;border-radius:12px;background:#e8e8e8;color:#5b5b5b}.client-doc-label.signature-flag{background:#e3e3e3;color:#555555}.client-package-docs .btn-primary .client-doc-label{background:#e3e3e3;color:#555555}.bill-stage-plan{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.bill-stage-plan span{padding:9px 14px;border-radius:9px;background:#ededed;font-size:12px}@media(max-width:650px){.client-package-docs{display:grid;grid-template-columns:1fr 1fr}.client-package-docs .btn{padding:12px;min-height:94px}}@media print{.client-package-docs{display:none!important}}

.bill-preview-panel .eyebrow{font-size:10px;letter-spacing:2px;color:#747474}.bill-preview-note{padding:13px 17px;background:#ededed;border:1px solid #d7d7d7;border-radius:10px;font-size:13px}.bill-preview-toolbar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:20px 0}.bill-preview-toolbar .btn[aria-pressed="true"]{background:#3b3b3b;color:#fff}.bill-preview-envelope{display:grid;grid-template-columns:60px 1fr;gap:8px 14px;font-size:13px;background:#f4f3ed;padding:18px;border-radius:12px;margin:16px 0}.bill-preview-envelope span{color:#7c7c7c}.bill-preview-envelope strong{font-weight:500;overflow-wrap:anywhere}.bill-preview-message{margin:15px 0}.bill-preview-message summary{cursor:pointer;font-size:13px;color:#5c5c5c}.bill-preview-viewport{width:100%;margin:18px auto;background:#f3f0e9;border:1px solid #d8d8d8;border-radius:13px;overflow:hidden}.bill-preview-viewport[data-width="mobile"]{max-width:390px}.bill-preview-email-frame,.bill-preview-client-frame{display:block;border:0;width:100%;height:880px;background:#f3f0e9}.bill-preview-client-frame{height:1050px}.bill-preview-panel [hidden]{display:none!important}@media(max-width:650px){.bill-preview-panel{padding:16px}.bill-preview-toolbar{flex-direction:column}.bill-preview-email-frame{height:850px}.bill-preview-client-frame{height:850px}.bill-preview-envelope{grid-template-columns:1fr;gap:4px}.bill-preview-envelope strong{margin-bottom:10px}}

.bill-workspace .btn-primary{background:#303030;border-color:#303030;color:#fff}.bill-workspace .btn-secondary{background:#fff;border-color:#c9c6c0;color:#303030}.bill-workspace .btn-primary:hover,.client-shell .btn-primary:hover{background:#484848}.bill-workspace .eyebrow{color:#737373}.client-brand{background:#fff;padding:24px;border-radius:0 0 12px 12px}.bill-workspace .btn:focus-visible{outline:3px solid #999;outline-offset:3px}

/* Full-window owner preview uses the same client page without an app-width wrapper. */
body.bill-preview-is-fullscreen{overflow:hidden}
dialog.bill-fullscreen-preview{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#f3f0e9;box-sizing:border-box}
.bill-fullscreen-preview::backdrop{background:#f3f0e9}
.bill-fullscreen-client-frame{display:block;width:100%;height:100%;border:0;background:#f3f0e9}
.bill-fullscreen-exit{position:absolute;z-index:1;right:16px;top:12px;border:1px solid #c9c6c0;border-radius:24px;background:#fffdf9;color:#3b3b3b;padding:10px 16px;font:13px/1.4 Arial,sans-serif;cursor:pointer}
.bill-fullscreen-exit:hover{background:#e9dfd3}
.bill-fullscreen-exit:focus-visible{outline:3px solid #84705f;outline-offset:3px}
.client-record-picker{max-width:540px}
@media print{.bill-fullscreen-preview,.client-record-picker{display:none!important}}

/* Full-width client workspace; the paper itself keeps its original proportions. */
.client-shell{width:100%;max-width:none;box-sizing:border-box;margin:0;padding:0 24px 28px}
.client-brand{padding:14px 4px;border-radius:0;background:transparent;justify-content:flex-start;gap:24px;min-height:74px}
.client-brand img{width:105px;height:64px;flex-shrink:0}
.client-brand .client-brand-label{margin-left:auto;white-space:nowrap;color:#827363}
.client-hero{padding:0;min-width:0}
.client-hero h1{font-size:27px;margin:3px 0;line-height:1.2;overflow-wrap:anywhere}
.client-hero p{margin:3px 0;font-size:12px}
.client-hero .eyebrow{font-size:9px;letter-spacing:1.3px}
.client-review{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;margin:18px 0;align-items:start}
.client-doc-sidebar{position:sticky;top:16px;min-width:0;background:#fffdf9;border:1px solid #ded6cc;border-radius:15px;padding:18px;box-sizing:border-box}
.client-doc-heading h2{font-size:22px;margin:0 0 10px}
.client-doc-heading p{font-size:11px;line-height:1.6;color:#827363;margin:8px 0 16px}
.client-record-total{display:block;font-size:24px;margin:8px 0}
.client-package-docs{display:grid;grid-template-columns:minmax(0,1fr);margin:0;gap:8px}
.client-package-docs .btn{min-height:72px;padding:13px 12px;border-radius:10px}
.client-package-docs strong{font-size:12px}
.client-package-docs .btn-primary{background:#84705f!important;border-color:#84705f!important;color:#fff!important}
.client-package-docs .bill-doc-button{background:#f6f2ec!important;border-color:#e0d7ca!important}
.client-package-docs .client-doc-label{font-size:8px;letter-spacing:.2px;padding:3px 6px;margin-top:7px;white-space:normal;background:#e8dfd2;color:#5d4d40}
.client-package-docs .btn-primary .client-doc-label{background:#f2e9de;color:#564334}
.client-shell .client-sign-jump{display:block;width:100%;margin-top:16px;border-color:#cbbbaa;background:transparent;font-size:12px}
.client-mobile-docs{display:none}
.client-review-content{min-width:0}
.client-reader{min-width:0;border:1px solid #dcd3c7;border-radius:15px;overflow:visible;background:#e5dfd6}
.client-reader:focus-visible{outline:3px solid #84705f;outline-offset:3px}
.client-reader-toolbar{position:sticky;top:0;z-index:2;border-radius:14px 14px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:12px 16px;background:#fffdf9;border-bottom:1px solid #ded6cc}
.client-reader-toolbar>strong{font:18px Georgia,serif;color:#564334;margin-right:auto}
.client-reader-count{font-size:12px;color:#62564b;font-variant-numeric:tabular-nums}
.client-reader-toolbar .btn{padding:8px 11px;font-size:12px;min-height:34px}
.client-reader-download{font-size:11px;white-space:nowrap}
.client-reader-stage{display:flex;position:relative;align-items:center;justify-content:center;width:100%;box-sizing:border-box;min-height:240px;height:auto;padding:16px;overflow:hidden;border-radius:0 0 14px 14px}
.client-reader-message{position:absolute;max-width:480px;inset:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;color:#6e6052;font-size:13px;margin:auto}
.client-reader-message .btn{pointer-events:auto}
.client-reader-sheet{position:relative;flex:none;overflow:hidden;background:transparent}
.client-reader-sheet[hidden],.client-reader [hidden]{display:none!important}
.client-reader-frame{display:block;border:0;width:1200px;height:1400px;transform-origin:top left;background:#e5dfd6}
.client-signing{margin-top:20px;border-radius:14px;background:#fffdf9;padding:24px;outline-offset:3px;overflow-wrap:anywhere}
.client-signing:empty{display:none}
.client-signing>p,.client-signing>form{max-width:900px}
.client-signing h3{margin-top:0}
.client-footer{margin-top:20px}
@media(max-width:1000px){.client-review{grid-template-columns:200px minmax(0,1fr);gap:14px}.client-doc-sidebar{padding:14px}.client-reader-toolbar>strong{width:100%}}
@media(max-width:700px){.client-shell{padding:0 12px 24px}.client-brand{gap:12px;padding:12px 0}.client-brand img{width:70px;height:50px}.client-brand-label{display:none}.client-hero h1{font-size:20px}.client-hero p{display:none}.client-review{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px}.client-doc-sidebar{position:static;padding:12px}.client-doc-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.client-doc-heading h2{font-size:19px;margin:0}.client-doc-heading p{margin:0;font-size:10px}.client-package-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.client-package-docs .btn{min-height:64px;padding:10px 8px}.client-package-docs strong{font-size:11px}.client-package-docs .btn:last-child:nth-child(odd){grid-column:1/-1}.client-shell .client-sign-jump{margin-top:8px;padding:7px}.client-reader-toolbar{padding:10px;gap:8px}.client-reader-toolbar>strong{font-size:17px}.client-reader-toolbar .btn{padding:8px}.client-reader-count{font-size:11px}.client-reader-stage{padding:10px}.client-signing{padding:18px}.client-reader-download{margin-left:auto}}
@media print{.client-review{display:block}.client-doc-sidebar,.client-reader,.client-sign-jump{display:none!important}.client-signing{padding:0;background:white}}

/* Billing has its own navigation, inside the existing application workspace. */
.bill-workspace{max-width:1540px;width:100%;min-width:0}
.bill-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}
.bill-sidebar{background:#f5f1eb;border:1px solid #ddd4c8;border-radius:16px;padding:16px;min-width:0;position:sticky;top:20px;max-height:calc(100dvh - 110px);overflow-y:auto;box-sizing:border-box}
.bill-nav-group{display:flex;flex-direction:column;gap:5px}
.bill-nav-group+.bill-nav-group{border-top:1px solid #ded5ca;margin-top:16px;padding-top:16px}
.bill-sidebar .bill-nav-group h2{font:600 10px/1.4 Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#867463;margin:0 0 7px;padding:0 10px}
.bill-sidebar .btn,.bill-nav-link{display:block;width:100%;box-sizing:border-box;text-align:left;white-space:normal;line-height:1.4;padding:10px 12px;border:1px solid transparent;border-radius:9px;font:13px/1.4 Arial,sans-serif;cursor:pointer}
.bill-sidebar .btn-secondary,.bill-nav-link{background:transparent;color:#554b42;border-color:transparent}
.bill-sidebar .btn-secondary:hover,.bill-nav-link:hover{background:#e9e1d7}
.bill-nav-link.active,.bill-sidebar .btn[aria-current="page"]{background:#84705f;color:#fff;border-color:#84705f}
.bill-sidebar .btn-primary{background:#645447;border-color:#645447;color:white}
.bill-sidebar .btn-primary:hover{background:#514438}
.bill-nav-link:focus-visible{outline:3px solid #84705f;outline-offset:2px}
.bill-content{min-width:0}
.bill-content>.bill-card:first-child,.bill-content>.bill-metrics:first-child,.bill-content>.bill-notice:first-child{margin-top:0}
.bill-content .bill-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.bill-row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.bill-row-actions .btn{font-size:12px;padding:8px 10px}
@media(min-width:1450px){.bill-content .bill-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.bill-layout{grid-template-columns:180px minmax(0,1fr);gap:14px}.bill-sidebar{padding:10px}.bill-content .bill-card{padding:18px}.bill-content .bill-metrics>div{padding:16px}.bill-content .bill-metrics strong{font-size:23px}}
@media(max-width:600px){.bill-layout{grid-template-columns:1fr}.bill-sidebar{position:static;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bill-nav-group+.bill-nav-group{margin-top:0;padding-top:0;border-top:0}.bill-sidebar .btn,.bill-nav-link{font-size:12px;padding:9px}.bill-content .bill-metrics{gap:8px}}
@media print{.bill-sidebar{display:none!important}.bill-layout{display:block}}
.bill-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e4ddd4}
.bill-section-heading>div:first-child{flex:1;min-width:180px}
.bill-section-heading h2{margin-bottom:6px}
.bill-section-heading p{margin:0;max-width:560px}
.bill-section-heading>.bill-actions{max-width:100%}
@media(max-width:850px){.bill-section-heading>.bill-actions{width:100%}}

/* One shared project hub for every client-facing billing document. */
.client-hub{margin:22px 0 26px;padding:22px;border:1px solid #ded5ca;border-radius:16px;background:#fffdf9}
.client-hub-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.client-hub-heading h2{margin:0;font:26px Georgia,serif;color:#55483c}
.client-hub-heading p{margin:6px 0 0;font-size:12px;color:#817264}
.client-hub-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 16px}
.client-hub-tabs button{display:flex;align-items:center;gap:9px;border:1px solid #ded5ca;border-radius:9px;padding:9px 13px;background:#f5f0e9;color:#655649;font:12px Arial,sans-serif;cursor:pointer}
.client-hub-tabs button.active{background:#84705f;border-color:#84705f;color:white}
.client-hub-tabs button span{padding:2px 6px;border-radius:9px;background:#ffffff38;font-size:10px}
.client-hub-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.client-hub-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;text-align:left;border:1px solid #ded5ca;border-radius:12px;padding:0;background:#faf7f2;color:#4a4038;font:13px/1.5 Arial,sans-serif;cursor:pointer;overflow-wrap:anywhere}
.client-hub-card-select{appearance:none;display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:7px;width:100%;min-width:0;box-sizing:border-box;padding:16px 18px;border:0;border-radius:11px;background:transparent;color:inherit;font:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer}
.client-hub-pdf{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;margin:0 18px 16px;padding:9px 12px;border:1px solid #cbbbaa;border-radius:8px;background:#fffdf9;color:#65503f;font:600 12px/1.5 Arial,sans-serif;text-decoration:none}
.client-hub-pdf:hover{background:#e8dfd3;border-color:#84705f;color:#4a4038}
.client-hub-card.selected{border-color:#84705f;box-shadow:inset 3px 0 #84705f;background:#f0e9df}
.client-hub-card:hover{border-color:#84705f;background:#f0e9df}
.client-hub-kind{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:#817263}
.client-hub-card strong{font-size:14px}.client-hub-card small{font-size:11px;color:#75695f}
.client-hub-status{font-size:10px;padding:3px 8px;border-radius:12px;background:#e8e2d9;color:#66574a}
.client-hub-status.needs-signature{background:#84705f;color:white}
.client-hub-open{margin-top:auto;padding-top:5px;font-size:11px;font-weight:600;color:#715c49}
.client-hub-empty{padding:18px 0;color:#817264;font-size:13px}
.client-hub button:focus-visible,.client-hub-pdf:focus-visible{outline:3px solid #84705f;outline-offset:3px}
.client-review{scroll-margin-top:16px}
@media(max-width:600px){.client-hub{padding:14px}.client-hub-heading{align-items:flex-start}.client-hub-heading h2{font-size:21px}.client-hub-heading>.btn{font-size:11px;padding:8px}.client-hub-tabs{gap:5px}.client-hub-tabs button{font-size:11px;padding:8px}.client-hub-cards{grid-template-columns:1fr}.client-hub-card-select{padding:14px}.client-hub-pdf{margin:0 14px 14px}}
@media print{.client-hub{display:none!important}}
.bill-invoice-lines{min-width:650px}.bill-invoice-lines th:first-child{width:46%}.bill-invoice-lines td{vertical-align:top}.bill-invoice-lines input,.bill-invoice-lines textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #c9c1b8;border-radius:7px;background:#fffefa;color:inherit;font:inherit}.bill-invoice-lines input{min-width:85px}.bill-invoice-lines [data-line-total]{white-space:nowrap;padding-top:20px}.bill-line-totals{margin:20px 0 24px auto;max-width:340px;display:grid;gap:10px;padding:20px;background:#f1ece5;border-radius:12px}.bill-line-totals>span,.bill-line-totals>strong{display:flex;justify-content:space-between;gap:30px}.bill-line-totals>strong{border-top:1px solid #c9c1b8;padding-top:12px}
.bill-layout-with-history{grid-template-columns:190px minmax(0,1fr) 265px;gap:18px}.bill-history{position:sticky;top:20px;max-height:calc(100vh - 100px);overflow:auto;padding:20px 17px;background:#faf7f2;border:1px solid #dcd3c9;border-radius:15px;min-width:0}.bill-history-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.bill-history-heading h2{font:23px Georgia,serif;margin:5px 0}.bill-history-heading .eyebrow{font-size:8px;letter-spacing:1px;color:#84705f}.bill-history-heading .btn{font-size:11px;padding:6px 9px}.bill-history-context{font-size:12px;line-height:1.6;font-weight:600;margin:12px 0;overflow-wrap:anywhere}.bill-history-switch{border:0;background:none;color:#705844;text-decoration:underline;cursor:pointer;padding:0;font:inherit;font-size:11px;margin-bottom:18px}.bill-history-timeline{list-style:none;padding:0 0 0 12px;margin:10px 0}.bill-history-timeline li{position:relative;border-left:1px solid #d7c8b9;padding:0 0 24px 17px;font-size:12px;overflow-wrap:anywhere}.bill-history-timeline li:before{content:'';position:absolute;left:-4px;top:4px;width:7px;height:7px;border-radius:50%;background:#947c65}.bill-history-timeline li:last-child{border-left-color:transparent;padding-bottom:8px}.bill-history-timeline strong,.bill-history-timeline time,.bill-history-document{display:block}.bill-history-timeline time{font-size:10px;color:#80756a;margin-top:5px}.bill-history-timeline p{font-size:11px;color:#6d6258;line-height:1.6;margin:7px 0 0}.bill-history-document{font-size:11px;margin-top:4px}.bill-history-footnote{border-top:1px solid #e2d9cf;padding-top:13px;font-size:10px;line-height:1.6;color:#827567}.bill-history-timeline .muted:before{background:#a68d83}@media(max-width:1150px){.bill-layout-with-history{grid-template-columns:170px minmax(0,1fr)}.bill-history{grid-column:2;position:static;max-height:450px}}@media(max-width:600px){.bill-layout-with-history{grid-template-columns:1fr}.bill-history{grid-column:1}}@media print{.bill-history{display:none!important}}

#saved-billing-projects .project-card{display:block;color:inherit;text-decoration:none;min-width:0}#saved-billing-projects .project-card:focus-visible{outline:3px solid #84705f;outline-offset:3px}#saved-billing-projects .project-card h2{overflow-wrap:anywhere}@media(max-width:600px){#saved-billing-projects .section-title{flex-wrap:wrap}}

/* The separate PDF view uses the same scaled pages and document choices on every device. */
.client-pdf-view{margin:20px 0;min-width:0;scroll-margin-top:12px}
.client-pdf-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.client-pdf-heading h2{margin:0;font-size:25px}.client-pdf-heading p{margin:4px 0;font-size:12px;color:#817264}.client-pdf-heading>a{text-decoration:none}
.client-pdf-view>.client-package-docs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;background:#fffdf9;padding:12px;border:1px solid #ded5ca;border-radius:14px}
.client-pdf-help{font-size:12px;color:#75695f;margin:12px 2px 16px}
.client-document-view .client-brand .client-hero p{display:none}.client-document-view .client-reader-toolbar .client-print-button{min-height:44px;background:#84705f;border-color:#84705f;color:white}
@media(max-width:850px){.client-pdf-view>.client-package-docs{grid-template-columns:repeat(2,minmax(0,1fr))}.client-pdf-view>.client-package-docs .btn:last-child{grid-column:1/-1}.client-pdf-heading{align-items:flex-start;flex-wrap:wrap}.client-pdf-heading h2{font-size:22px}.client-pdf-heading>a{font-size:12px}.client-pdf-view>.client-package-docs .btn{min-height:64px;padding:10px 8px}}
