/* Only the two home surfaces change. Native ledger, drawers, payroll and
   command/leave dialogs keep their existing component styles. */
.cpp-connected-candidate #work-page.connected-home{padding:18px 24px 24px;background:#f4f6fa;min-height:calc(100vh - 94px)}
.connected-home .live-home-card{background:#fff;border:1px solid #dfe6ef;border-radius:9px;margin-top:14px}
.connected-home h2{font:500 var(--cpp-home-f16)/calc(24px * var(--cpp-home-font-scale,1)) var(--cpp-text-font)}
.connected-home .btn{font:400 var(--cpp-home-f14)/calc(22px * var(--cpp-home-font-scale,1)) var(--cpp-text-font);height:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px}
.connected-home .btn:hover:not(:disabled){border-color:#8aaeff;background:#edf3ff;color:#245edb}
.connected-home .btn.primary:hover:not(:disabled){background:#245edb;color:#fff}
.connected-home .btn:focus-visible{outline:2px solid #3370ff;outline-offset:2px}
.connected-home .live-icon{width:18px;height:18px;flex:none}
.connected-home .live-home-card>header{padding:10px 17px;min-height:49px;gap:12px}
.connected-home .live-home-card small{font:400 var(--cpp-home-f13)/calc(20px * var(--cpp-home-font-scale,1)) var(--cpp-text-font);color:#8391a6}
.connected-home .live-home-card h2 small{margin-left:5px}
.connected-home #welcome-host .workbench-welcome{border:1px solid #dfe6ef;border-radius:9px;overflow:hidden;background:#fff;margin-bottom:12px}
.connected-home #welcome-host .welcome-main{min-height:70px;padding:12px 18px}
.connected-home #welcome-host .welcome-main h1{font-size:var(--cpp-home-f20);line-height:calc(28px * var(--cpp-home-font-scale,1));font-weight:500}
.connected-home #welcome-host .welcome-main p{font-size:var(--cpp-home-f13);line-height:calc(20px * var(--cpp-home-font-scale,1));margin-top:2px}
.connected-home #welcome-host .welcome-avatar{width:40px;height:40px;flex-basis:40px;font-size:var(--cpp-home-f18);transform:none}
.connected-home #welcome-host .welcome-shortcuts{min-height:34px;padding:3px 14px;border-top:1px solid #e8edf4}
.connected-home #welcome-host .welcome-shortcuts button{font-size:var(--cpp-home-f13);min-height:26px}
.connected-home .connected-quick{margin:12px 0;min-height:36px;gap:12px}
.connected-home .connected-quick>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.connected-home .live-dynamics{margin:12px 0;min-height:34px;padding:5px 12px;background:#edf3fa;font-size:var(--cpp-home-f12)}
.connected-home .live-dynamics .btn{height:26px;min-height:26px;padding:1px 7px;font-size:var(--cpp-home-f12)}
.connected-home .live-list-toolbar{gap:10px;padding:10px 16px;min-height:56px;align-items:center}
.connected-home .live-list-toolbar h2{font-size:var(--cpp-home-f16)}
.connected-home .live-home-company-tools{gap:7px}
.connected-home .live-home-company-tools input{width:170px;font-size:var(--cpp-home-f14)}
.connected-home .live-list-segment button{padding:3px 9px;font-size:var(--cpp-home-f14);font-weight:400}
.connected-home .live-list-segment button[aria-pressed=true]{font-weight:400}
.connected-home .live-period{font:400 var(--cpp-home-f13)/calc(20px * var(--cpp-home-font-scale,1)) var(--cpp-text-font);gap:7px;color:#7d8ba0;white-space:nowrap}
.connected-home #live-home-month-control{display:inline-flex;min-width:132px}
.connected-home #live-home-month-control button{font-weight:400}
.connected-home .live-home-table th{padding:9px 15px;background:#f6f8fc;font-size:var(--cpp-home-f13);font-weight:400}
.connected-home .live-home-table td{padding:11px 15px;vertical-align:middle;font-size:var(--cpp-home-f14);line-height:calc(22px * var(--cpp-home-font-scale,1))}
.connected-home .live-home-table td small{font-size:var(--cpp-home-f12);line-height:calc(18px * var(--cpp-home-font-scale,1));margin-top:2px}
.connected-home .live-home-table th:first-child{min-width:260px}
.connected-home .live-home-table th:last-child{text-align:right}
.connected-home .live-enterprise-identity{gap:10px}
.connected-home .live-enterprise-identity .live-name{font:500 var(--cpp-home-f14)/calc(22px * var(--cpp-home-font-scale,1)) var(--cpp-text-font)}
.connected-home .live-enterprise-identity .live-enterprise-avatar{width:34px;height:34px;flex-basis:34px}
.connected-home .live-list-actions{justify-content:flex-end;gap:7px;flex-wrap:nowrap}
.connected-home .live-list-actions>.primary{background:#f7faff;border-color:#d7e3fa;color:#2d65df}
.connected-home .live-list-actions>.primary:hover{background:#3370ff;border-color:#3370ff;color:white}
.connected-home .live-list-actions>.btn{padding:5px 9px}
.connected-home .live-home-table .number,.connected-home .connected-number{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums}
.connected-home .live-tax-summary{min-width:130px;max-width:225px;font-size:var(--cpp-home-f13)}
.connected-home .live-workbench-list>footer{font-size:var(--cpp-home-f12);line-height:calc(19px * var(--cpp-home-font-scale,1))}
.connected-home .connected-enterprise-heading{display:flex;align-items:center;gap:12px;min-height:48px;margin-bottom:12px}
.connected-home .connected-enterprise-heading>.live-enterprise-avatar{width:40px;height:40px;flex-basis:40px}
.connected-home .connected-enterprise-heading h1{font:500 var(--cpp-home-f20)/calc(28px * var(--cpp-home-font-scale,1)) var(--cpp-text-font);margin:0}
.connected-home .connected-enterprise-heading p{font:400 var(--cpp-home-f13)/calc(20px * var(--cpp-home-font-scale,1)) var(--cpp-text-font);color:#8391a6;margin:0}
.connected-home .connected-heading-actions{margin-left:auto;display:flex;align-items:center;gap:7px}
.connected-home .connected-heading-actions>.btn:not(:last-child){border-color:transparent;background:transparent;color:#73849c}
.connected-home .connected-overview{margin-top:0}
.connected-home .connected-metric-pair{display:grid;grid-template-columns:1fr 1fr}
.connected-home .connected-metric{padding:13px 18px}
.connected-home .connected-metric+.connected-metric{border-left:1px solid #e6ebf3}
.connected-home .connected-metric>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.connected-home .connected-metric>div>span{display:inline-flex;gap:8px;align-items:center;font-size:var(--cpp-home-f14);color:#647891}
.connected-home .connected-metric strong{font:500 var(--cpp-home-f28)/calc(36px * var(--cpp-home-font-scale,1)) "Helvetica Neue",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;color:#253349}
.connected-home .connected-metric strong i{font-size:var(--cpp-home-f16);font-weight:400;font-style:normal;margin-right:5px}
.connected-home .connected-metric>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;color:#8391a6;font-size:var(--cpp-home-f13)}
.connected-home .connected-metric footer .btn{padding:2px 4px;height:28px;min-height:28px;font-size:var(--cpp-home-f13);color:#3370ff;background:transparent;border-color:transparent}
.connected-home .connected-enterprise-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,1fr);gap:14px;align-items:start}
.connected-home .connected-tasks .live-task{min-height:76px;padding:12px 17px;gap:12px}
.connected-home .connected-tasks .live-task>div{flex:1;min-width:0}
.connected-home .connected-tasks .live-task b{font:500 var(--cpp-home-f14)/calc(22px * var(--cpp-home-font-scale,1)) var(--cpp-text-font)}
.connected-home .connected-task-icon{width:32px;height:32px;border:1px solid #e7edf7;background:#f5f8ff;border-radius:8px;display:grid;place-items:center;flex:none}
.connected-home .connected-warning{color:#9a6c21;font-size:var(--cpp-home-f13);line-height:calc(20px * var(--cpp-home-font-scale,1));margin:0;padding:9px 16px;background:#fff8ed;border-bottom:1px solid #f4e6ca}
.connected-home .connected-empty{padding:20px 18px;font-size:var(--cpp-home-f14);color:#566a84}
.connected-home .connected-empty strong{font-weight:500}
.connected-home .connected-empty p{margin:5px 0 0;font-size:var(--cpp-home-f13);line-height:calc(20px * var(--cpp-home-font-scale,1));color:#8391a6}
.connected-home .live-progress-grid{display:block;padding:0}
.connected-home .live-progress-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:80px;border:0;border-radius:0;border-bottom:1px solid #edf1f6;padding:12px 17px;background:white}
.connected-home .live-progress-item:last-child{border-bottom:0}
.connected-home .live-progress-item h3{font:400 var(--cpp-home-f14)/calc(22px * var(--cpp-home-font-scale,1)) var(--cpp-text-font);margin:0}
.connected-home .live-progress-item p{font:400 var(--cpp-home-f13)/calc(20px * var(--cpp-home-font-scale,1)) var(--cpp-text-font);margin:3px 0;color:#60738e}
.connected-home .live-progress-item small{font-size:var(--cpp-home-f12);line-height:calc(18px * var(--cpp-home-font-scale,1));display:block}
.connected-home .live-progress-item .btn{white-space:nowrap}
.connected-home .connected-progress>footer{display:flex;justify-content:space-between;align-items:center;padding:8px 17px;gap:10px}
.connected-home #connected-business-progress .live-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.connected-home #connected-business-progress .live-progress-item+.live-progress-item{border-left:1px solid #edf1f6}
#connected-preview-mark{color:#8591a5;font:400 var(--cpp-home-f12)/calc(20px * var(--cpp-home-font-scale,1)) var(--cpp-text-font);white-space:nowrap}
@media(max-width:1250px){.connected-home .live-list-toolbar{flex-wrap:wrap}.connected-home .live-home-company-tools{flex-wrap:wrap}.connected-home .live-list-actions{flex-wrap:wrap}.connected-home .connected-enterprise-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr)}}
@media(max-width:960px){.connected-home .connected-enterprise-grid{grid-template-columns:1fr}.connected-home .connected-enterprise-heading{flex-wrap:wrap}.connected-home .connected-heading-actions{margin-left:0}.connected-home .live-list-table{min-width:960px}.connected-home .connected-metric strong{font-size:var(--cpp-home-f24)}.connected-home .connected-metric>div{flex-wrap:wrap}.connected-home #connected-business-progress .live-progress-grid{grid-template-columns:1fr}#connected-preview-mark{display:none}}
/* Record details: one compact context and clearly separated monetary roles. */
.cpp-connected-candidate .cpp-record-detail #drawer-body{display:flex;flex-direction:column;gap:16px;padding:20px 24px 24px}
.cpp-connected-candidate .cpp-record-detail #drawer-body>p{margin:0}
.cpp-connected-candidate .cpp-record-detail .org-record-title{gap:12px;align-items:flex-start}
.cpp-connected-candidate .cpp-record-detail .org-record-title h3{font:500 var(--cpp-home-f16)/calc(24px * var(--cpp-home-font-scale,1)) var(--cpp-text-font);margin:0;overflow-wrap:anywhere}
.cpp-connected-candidate .cpp-record-detail .record-source-badge{color:#566d8c;background:#edf2f8;white-space:nowrap;font-weight:400}
.cpp-connected-candidate .cpp-record-detail .record-context{display:flex;flex-wrap:wrap;gap:8px 20px;color:#78889e;font:400 var(--cpp-home-f13)/calc(20px * var(--cpp-home-font-scale,1)) var(--cpp-text-font)}
.cpp-connected-candidate .cpp-record-detail .record-context b{color:#34465e;font-weight:400;margin-left:6px}
.cpp-connected-candidate .cpp-record-detail .record-amounts{display:flex;gap:16px;padding:12px 14px;background:#f5f8fc;border:1px solid #e0e7f1;border-radius:6px}
.cpp-connected-candidate .cpp-record-detail .record-amounts>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.cpp-connected-candidate .cpp-record-detail .record-amounts span{font:400 var(--cpp-home-f13)/calc(20px * var(--cpp-home-font-scale,1)) var(--cpp-text-font);color:#78889e}
.cpp-connected-candidate .cpp-record-detail .record-amounts strong{font:500 var(--cpp-home-f18)/calc(26px * var(--cpp-home-font-scale,1)) "Helvetica Neue",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}
.cpp-connected-candidate .cpp-record-detail .record-source-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #e0e7f1}
.cpp-connected-candidate .cpp-record-detail .record-source-context>span{font:400 var(--cpp-home-f13)/calc(20px * var(--cpp-home-font-scale,1)) var(--cpp-text-font);color:#677b96;flex:1;min-width:0}
.cpp-connected-candidate .cpp-record-detail .record-source-context>.btn{white-space:nowrap;flex:none}
.cpp-connected-candidate .cpp-record-detail .live-creator{font:400 var(--cpp-home-f13)/calc(20px * var(--cpp-home-font-scale,1)) var(--cpp-text-font);color:#78889e}
.cpp-connected-candidate .cpp-record-detail .live-note{display:flex;flex-direction:column;gap:4px}
.cpp-connected-candidate .cpp-record-detail .live-note>span{font:400 var(--cpp-home-f13)/calc(20px * var(--cpp-home-font-scale,1)) var(--cpp-text-font);color:#78889e}
.cpp-connected-candidate .cpp-record-detail .live-note>p{font:400 var(--cpp-home-f14)/calc(22px * var(--cpp-home-font-scale,1)) var(--cpp-text-font);margin:0;overflow-wrap:anywhere}
.cpp-connected-candidate .cpp-record-detail .org-trace{margin:0;padding-top:16px;border-top:1px solid #e0e7f1}
.cpp-connected-candidate .cpp-record-detail .org-trace h3{font:500 var(--cpp-home-f14)/calc(22px * var(--cpp-home-font-scale,1)) var(--cpp-text-font);margin:0 0 8px}
.cpp-connected-candidate .cpp-record-detail .org-trace>p{font:400 var(--cpp-home-f13)/calc(20px * var(--cpp-home-font-scale,1)) var(--cpp-text-font);margin:0;color:#78889e}
.cpp-connected-candidate .cpp-record-detail .org-form-error:empty{display:none}

/* Original record context stays compact above its only editable field. */
.source-scope-record{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.source-scope-record strong{font-size:var(--cpp-home-f14);font-weight:500;line-height:calc(22px * var(--cpp-home-font-scale,1))}
.source-scope-record span{font-size:var(--cpp-home-f13);line-height:calc(20px * var(--cpp-home-font-scale,1));color:var(--text-secondary,#646a73);font-variant-numeric:tabular-nums}
#live-form:has(.source-scope-record)>.work-muted{margin:8px 0 0;font-size:var(--cpp-home-f13);line-height:calc(20px * var(--cpp-home-font-scale,1))}

#live-form:has(.source-scope-record) #form-unit-label{display:flex;align-items:center;justify-content:space-between}
#live-form:has(.source-scope-record) #form-unit-label::after{content:"⌄";margin-left:12px}

/* Host owns the page gutter; the reused tax leaf does not add a second one. */
#work-page.live-tax-invoice-page:has(.cpp-tax-preparation-mount){padding:20px 24px}
#work-page .cpp-tax-preparation-mount{padding:0}

.eh-tag-picker{position:relative}.eh-tag-picker>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center}.eh-tag-picker>summary::-webkit-details-marker{display:none}.eh-tag-options{position:absolute;top:calc(100% + 6px);right:0;z-index:40;width:280px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background:var(--panel,#fff);border:1px solid #d7deeb;border-radius:8px;box-shadow:0 6px 20px #23334d24}.eh-tag-choice.is-marked{background:#edf3ff;color:#2864ed;border-color:#9fbaff}.eh-client-tag{position:relative}