@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@500;600;650;700;750;800&display=swap');.org-setup{padding:24px;max-width:900px;margin:auto}.org-setup>header{display:flex;justify-content:space-between;gap:16px}.org-setup fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:0;padding:0;margin:24px 0}.org-setup label{min-width:0}.org-setup input,.org-setup select{width:100%;min-width:0;box-sizing:border-box}.org-setup article{padding:16px 0;border-top:1px solid #ddd}@media(max-width:600px){.org-setup fieldset{grid-template-columns:minmax(0,1fr)}.org-setup>header{flex-wrap:wrap}} .org-setup section{border-top:1px solid #ddd;margin-top:24px;padding-top:20px}.org-permissions,.org-scope-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.org-setup input[type=checkbox]{width:auto;margin-right:8px}.org-setup button{min-height:42px}.org-setup table{min-width:650px}@media(max-width:600px){.org-permissions,.org-scope-picker{grid-template-columns:minmax(0,1fr)}} .org-setup label:has(>input[type=checkbox]){display:flex;align-items:center;gap:8px}.org-setup label:has(>input[type=checkbox]) input{margin:0;flex:none}.org-setup pre{white-space:pre-wrap;overflow-wrap:anywhere}.org-setup>header{align-items:flex-start}.org-setup .table-scroll{max-width:100%;overflow-x:auto}.org-setup input[type=date]{max-width:100%;min-height:44px} .public-closing{max-width:780px;margin:0 auto;padding:32px 20px;background:#f5f6f8;min-height:100vh}.closing-fields fieldset{border:0;padding:0;display:grid;gap:18px}.closing-fields label{display:grid;gap:7px}.closing-fields .closing-check{display:flex;align-items:center;gap:10px}.closing-check input{width:auto}.closing-calculation{display:grid;gap:8px;background:#fff5e9;border:1px solid #f6b573;border-radius:12px;padding:18px}.closing-calculation strong{font-size:20px}.closing-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.closing-details{border-top:1px solid #ddd;margin-top:20px;padding-top:20px}.closing-details dd{margin:0 0 12px}.closing-details dt{color:#757780}.closing-fields .form-grid{gap:16px}.public-closing .panel{padding:24px}@media(max-width:600px){.closing-fields .form-grid{grid-template-columns:1fr}.closing-actions button{width:100%}} .bet-workspace{--bet-ink:#2e273b;--bet-muted:#7b7386;--bet-border:#e8e2ee;--bet-accent:#7853a9;max-width:1450px;margin:auto;color:var(--bet-ink)}.bet-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 24px}.bet-heading h1{font-size:44px;letter-spacing:-1.5px;margin:6px 0 8px}.bet-heading h1 span{color:#a94975}.bet-heading p{color:var(--bet-muted);font-size:13px;margin:0}.bet-eyebrow{font-size:10px;letter-spacing:1.1px;font-weight:750;color:#90668f}.bet-text-button{border:0;background:none;color:#775092;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;padding:8px 0}.bet-sample{background:#fff4dc;color:#7f6232;border:1px solid #e8d6b1;padding:10px 14px;border-radius:9px;margin-bottom:15px;font-size:12px}.bet-filters{display:flex;gap:13px;flex-wrap:wrap;background:#fff;border:1px solid var(--bet-border);border-radius:13px;padding:17px}.bet-workspace label{display:grid;gap:7px;font-size:10px;color:var(--bet-muted);font-weight:700;min-width:0}.bet-filters>label{flex:1 1 135px}.bet-workspace select,.bet-workspace input:not([type=checkbox]){width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:12px;color:var(--bet-ink);background:#faf8fc;border:1px solid var(--bet-border);border-radius:7px;padding:10px;height:40px}.bet-tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid var(--bet-border);margin:20px 0}.bet-tabs>button{border:0;background:none;color:var(--bet-muted);padding:13px 14px;white-space:nowrap;font-size:12px;font-weight:650;cursor:pointer;border-bottom:2px solid transparent}.bet-tabs>button.active{color:#76518b;border-bottom-color:#9365ae}.bet-unread{display:inline-grid;place-items:center;min-width:16px;height:16px;border-radius:9px;background:#8e5daf;color:#fff;font-size:9px;margin-left:6px}.bet-wallet{display:flex;align-items:center;flex-wrap:wrap;gap:30px;background:linear-gradient(115deg,#392942,#523857);border-radius:13px;padding:22px 26px;color:#fff;margin-bottom:22px}.bet-wallet>div{display:grid;gap:8px;min-width:110px}.bet-wallet small{color:#d6c5df;font-size:10px}.bet-wallet strong{font-size:24px;font-weight:650}.bet-wallet>div:first-child strong{font-size:31px}.bet-wallet>p{margin:0 0 0 auto;color:#d8c9df;text-align:right;font-size:11px;line-height:1.7}.bet-play-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.bet-section-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.bet-section-title h2{display:flex;align-items:center;gap:7px;font-size:17px;margin:0}.bet-section-title>span{font-size:10px;color:var(--bet-muted)}.bet-markets{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:15px}.bet-market{min-width:0;background:#fff;border:1px solid var(--bet-border);border-radius:13px;padding:20px}.bet-market-head{display:flex;justify-content:space-between;align-items:start;gap:6px;flex-wrap:wrap}.bet-chip{color:#93643a;background:#fbf0de;font-size:8px;border-radius:20px;padding:4px 7px;font-weight:750}.bet-market h3{font-size:18px;margin:14px 0 6px;line-height:1.35;overflow-wrap:anywhere}.bet-credit{color:#887590;font-size:10px;margin:0 0 15px}.bet-dates{font-size:10px;line-height:1.8;color:var(--bet-muted);margin:0 0 17px}.bet-dates small{font-size:9px}.bet-line{margin-bottom:12px}.bet-sides{display:flex;gap:8px}.bet-sides button{display:grid;gap:6px;border:1px solid var(--bet-border);border-radius:8px;background:#fbf9fd;padding:12px;flex:1;cursor:pointer;color:#71617f;min-width:0}.bet-sides button span{font-size:11px}.bet-sides button strong{font-size:19px}.bet-sides button.selected{border-color:#a58aba;background:#f3ebf9;color:#79509b;box-shadow:0 0 0 1px #d8c9e5 inset}.bet-small{color:var(--bet-muted);font-size:10px;line-height:1.7}.bet-potential{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;font-size:10px}.bet-potential>span{color:var(--bet-muted)}.bet-potential strong{font-size:11px}.bet-primary{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;border:0;border-radius:8px;background:#7652a0;color:white;font-size:12px;font-weight:700;min-height:42px;padding:12px;cursor:pointer}.bet-primary:disabled{opacity:.5;cursor:not-allowed}.bet-lock{text-align:center;color:#96899f;font-size:9px;margin:10px 0}.bet-why{border-top:1px solid var(--bet-border);padding-top:10px;margin-top:14px;font-size:10px;color:var(--bet-muted);line-height:1.8}.bet-why summary{display:flex;align-items:center;justify-content:space-between;color:#7c5a90;cursor:pointer;list-style:none;font-weight:650}.bet-why p{margin-bottom:0}.bet-no-history{min-height:190px;background:#fcfafc}.bet-no-history h3{font-size:15px;color:#796780}.bet-no-history p{color:var(--bet-muted);font-size:11px;line-height:1.8}.bet-slip{position:sticky;top:20px;border:1px solid var(--bet-border);border-radius:13px;background:#fff;padding:19px;min-width:0;max-height:calc(100vh - 45px);overflow:auto}.bet-kind{display:grid;grid-template-columns:1fr 1fr;background:#f5f0f8;padding:4px;border-radius:8px;gap:4px}.bet-kind button{border:0;border-radius:6px;background:none;padding:9px;color:#8d7a98;cursor:pointer;font-size:11px}.bet-kind button.active{background:white;box-shadow:0 2px 6px #4430530d;color:#76528b;font-weight:700}.bet-slip-empty{font-size:11px;color:var(--bet-muted);text-align:center;line-height:1.8;padding:25px 12px}.bet-slip-legs>article{position:relative;padding:18px 0;border-bottom:1px solid var(--bet-border)}.bet-slip-legs strong{display:block;font-size:12px;margin-right:23px}.bet-slip-legs p{font-size:11px;margin:6px 0}.bet-slip-legs small{display:block;font-size:9px;line-height:1.7;color:var(--bet-muted)}.bet-slip-legs label{margin-top:12px}.bet-remove{position:absolute;top:13px;right:0;border:0;background:none;padding:3px;color:#9e8ba9;cursor:pointer}.bet-bonus-check{display:flex!important;align-items:center;font-size:9px!important;line-height:1.6;color:#8b633a!important;background:#fff8ed;padding:9px;border-radius:6px}.bet-bonus-check input{accent-color:#936d47;width:14px;height:14px;flex:none}.bet-slip-stake{margin-top:16px}.bet-confirm{border:1px solid #c9b3d8;background:#faf6fd;padding:14px;border-radius:9px;margin-top:16px}.bet-confirm h3{font-size:14px;margin:0 0 14px}.bet-confirm article{border-bottom:1px solid var(--bet-border);padding-bottom:10px;margin-bottom:13px}.bet-confirm article strong{font-size:12px}.bet-confirm p{font-size:10px;line-height:1.7}.bet-confirm dl{margin:10px 0;font-size:10px}.bet-confirm dl>div{display:flex;justify-content:space-between;gap:12px;margin:8px 0}.bet-confirm dt{color:var(--bet-muted)}.bet-confirm dd{margin:0;font-weight:750;text-align:right}.bet-panel{background:#fff;border:1px solid var(--bet-border);border-radius:13px;padding:24px;margin-bottom:20px;min-width:0}.bet-panel>h2{font-size:19px;margin:0 0 12px}.bet-ticket{border:1px solid var(--bet-border);border-radius:10px;padding:17px;margin-top:14px}.bet-ticket h3{font-size:13px;margin:0}.bet-ticket-status{border-radius:20px;background:#f3edf7;padding:5px 9px;font-size:9px!important}.bet-ticket-status.win{color:#376b58;background:#eaf5ee}.bet-ticket-status.loss{color:#8b4b63;background:#faedf2}.bet-ticket-leg{padding:12px 0;border-bottom:1px solid #f2edf5;display:grid;gap:7px;font-size:11px}.bet-ticket-leg small{font-size:9px;line-height:1.8;color:var(--bet-muted)}.bet-ticket-leg>span{font-size:9px;color:#886394}.bet-ticket-total{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;font-size:11px;margin-top:15px}.bet-result{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--bet-border);padding:20px 0;font-size:12px}.bet-result p{font-size:11px;color:var(--bet-muted);line-height:1.6}.bet-result small{font-size:9px;color:var(--bet-muted)}.bet-result.unread>div>strong:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#ad7abc;margin-right:7px}.bet-result b{white-space:nowrap;color:#76508e;font-size:12px}.bet-inline-actions{display:flex;gap:16px;flex-wrap:wrap}.bet-table-wrap{overflow:auto}.bet-table-wrap table{width:100%;border-collapse:collapse;min-width:700px;font-size:11px}.bet-table-wrap th,.bet-table-wrap td{padding:15px 11px;border-bottom:1px solid var(--bet-border);text-align:right}.bet-table-wrap th:first-child{text-align:left;position:sticky;left:0;background:#fff}.bet-table-wrap thead th{font-size:9px;color:var(--bet-muted);background:#faf7fc}.bet-table-wrap thead th:first-child{background:#faf7fc}.bet-readiness{background:#fbf6ec;border:1px solid #eadbc6;padding:14px 18px;border-radius:10px;margin:0 0 20px;color:#745d3f;font-size:12px}.bet-readiness p{font-size:11px;line-height:1.7;margin-bottom:0}.bet-message{font-size:12px;padding:13px 17px;border:1px solid #d8c6e3;border-radius:8px;background:#faf5fd;color:#795889;line-height:1.7}.bet-empty{text-align:center;background:#fff;border:1px solid var(--bet-border);padding:45px 20px;border-radius:13px;color:var(--bet-muted);font-size:12px}.bet-empty h2{font-size:18px;color:var(--bet-ink)}.bet-empty p{line-height:1.8}.bet-empty-inline{padding:35px 12px;text-align:center;color:var(--bet-muted);font-size:12px}.bet-rules{margin-top:20px}.bet-rules>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px}.bet-rules h3{font-size:13px;margin-bottom:10px}.bet-rules p{font-size:11px;line-height:1.85;color:var(--bet-muted)}.bet-owner summary{font-size:12px;font-weight:700;cursor:pointer}.bet-owner label{max-width:560px;margin:15px 0}.bet-footer{text-align:center;color:#9d8da8;font-size:9px;line-height:1.8;padding:23px 12px}.bet-workspace :is(button,input,select,summary):focus-visible{outline:2px solid #a17abe;outline-offset:3px}.bet-workspace button:disabled{cursor:not-allowed}@media(max-width:1050px){.bet-play-layout{grid-template-columns:minmax(0,1fr) 290px}.bet-markets{grid-template-columns:1fr}.bet-wallet{gap:20px}.bet-wallet>p{flex-basis:100%;text-align:left}}@media(max-width:760px){.bet-play-layout{grid-template-columns:1fr}.bet-slip{position:static;max-height:none}.bet-markets{grid-template-columns:repeat(2,minmax(0,1fr))}.bet-rules>div{grid-template-columns:1fr}.bet-heading h1{font-size:37px}.bet-wallet{padding:19px;gap:20px}.bet-wallet>div{min-width:100px}.bet-panel{padding:18px}.bet-tabs>button{padding:12px 11px}.bet-section-title{flex-wrap:wrap}.bet-filters{gap:10px;padding:13px}}@media(max-width:530px){.bet-markets{grid-template-columns:1fr}.bet-heading{gap:12px}.bet-heading>.bet-text-button{font-size:10px;white-space:nowrap}.bet-heading p{font-size:11px;line-height:1.7}.bet-heading h1{font-size:35px}.bet-filters>label{flex-basis:calc(50% - 10px)}.bet-wallet strong{font-size:22px}.bet-result{flex-direction:column;gap:7px}.bet-sample{font-size:10px;line-height:1.7}.bet-market{padding:18px}.bet-panel{padding:16px}} /* Keyboard access and bounded frozen names. */ .bet-table-wrap:focus-visible{outline:3px solid #7b50b4;outline-offset:3px}.bet-table-wrap th:first-child{z-index:2;min-width:100px;max-width:150px;white-space:normal;overflow-wrap:anywhere;box-shadow:1px 0 #e5deed}.bet-table-wrap thead th:first-child{z-index:3}@media(max-width:530px){.bet-table-wrap th:first-child{min-width:85px;max-width:106px}} .bet-support form{display:grid;gap:12px;margin:18px 0;max-width:680px}.bet-support label{display:grid;gap:6px;font-weight:650}.bet-support textarea{min-height:88px;resize:vertical}.bet-support input,.bet-support textarea,.bet-support select{width:100%;min-width:0;padding:10px;border:1px solid #d6d0dd;border-radius:10px;background:#fff;color:#281a33;font:inherit}.bet-support-case{padding:16px 0;border-bottom:1px solid #ded8e5}.bet-support-case header{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.bet-support-case p,.bet-ticket-id{overflow-wrap:anywhere}.bet-ticket-id{font-size:.75rem;color:#65576f}.bet-support details{margin:16px 0}.bet-support button{justify-self:start} .cc-costs{--cc-ink:#34273f;--cc-muted:#74677f;--cc-line:#e5deed;--cc-accent:#7746aa;color:var(--cc-ink);min-width:0;display:grid;gap:22px}.cc-costs *,.cc-cost-dialog *{box-sizing:border-box}.cc-cost-heading,.cc-cost-section-heading,.cc-cost-center-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.cc-cost-heading h2{font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.2;letter-spacing:-.6px;margin:9px 0}.cc-cost-heading p,.cc-cost-definition{color:var(--cc-muted);line-height:1.7;font-size:.86rem;margin:0;max-width:1060px}.cc-cost-eyebrow{display:flex;align-items:center;gap:8px;color:#765188;font-size:.75rem;font-weight:650;letter-spacing:.04em}.cc-cost-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.cc-cost-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:normal}.cc-cost-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:1px solid var(--cc-line);border-radius:16px;padding:18px 20px 20px;background:#fbf9fd;min-width:0;margin:0}.cc-cost-filters legend,.cc-cost-editor-grid legend,.cc-cost-coverage-form legend{color:#655170;font-weight:650;font-size:.8rem;padding:0 7px}.cc-cost-filters label,.cc-cost-editor-grid>label{display:grid;gap:7px;font-size:.78rem;font-weight:550;color:#65566f;min-width:0}.cc-costs input,.cc-costs select,.cc-costs textarea,.cc-cost-dialog input,.cc-cost-dialog select,.cc-cost-dialog textarea{min-width:0;max-width:100%;border:1px solid #d9cee3;border-radius:9px;background:white;padding:10px 12px;min-height:44px;color:#392c44;font:inherit;font-size:.86rem}.cc-costs input:not([type=checkbox]),.cc-costs select,.cc-costs textarea,.cc-cost-dialog input:not([type=checkbox]),.cc-cost-dialog select,.cc-cost-dialog textarea{width:100%}.cc-costs input[type=checkbox],.cc-cost-dialog input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;margin:0;flex-shrink:0;accent-color:#7845a8}.cc-costs :is(button,input,select,textarea,summary,[tabindex]):focus-visible,.cc-cost-dialog :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #8654b1;outline-offset:3px}.cc-cost-center-options{grid-column:1/-1;display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--cc-line);padding-top:16px}.cc-cost-center-options>strong{font-size:.77rem;font-weight:650}.cc-cost-center-options label{display:flex;align-items:center;gap:7px;font-size:.77rem;font-weight:500}.cc-cost-demo{margin:0;padding:13px 16px;border:1px solid #d5c1ec;border-radius:12px;background:#f4ebff;color:#624080;font-size:.84rem}.cc-cost-error{margin:0;background:#fff0f0;border:1px solid #eac8c8;border-radius:11px;color:#9a3b41;padding:15px 18px;line-height:1.65;font-size:.85rem}.cc-cost-loading{padding:30px;text-align:center;color:#766580}.cc-cost-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cc-cost-metric{padding:22px;background:linear-gradient(135deg,#fff,#fcf9ff);border:1px solid var(--cc-line);border-radius:16px;box-shadow:0 4px 18px #42245506;min-width:0;display:grid;gap:12px}.cc-cost-metric>span{font-size:.8rem;font-weight:550;color:#6b5879}.cc-cost-metric>strong{font-size:clamp(1.35rem,2.1vw,2rem);letter-spacing:-.7px;line-height:1.2;font-weight:650;overflow-wrap:anywhere}.cc-cost-metric small{font-size:.7rem;color:#786882;line-height:1.55}.cc-cost-notice{display:flex;gap:13px;padding:17px 20px;background:#f5f1fa;border:1px solid #e2d6ec;border-radius:13px;align-items:flex-start}.cc-cost-notice>svg{flex-shrink:0;color:#8159a1;margin-top:2px}.cc-cost-notice strong{font-size:.84rem}.cc-cost-notice h2{font-size:1.15rem;margin:0 0 7px}.cc-cost-notice p{font-size:.8rem;line-height:1.65;color:#74637e;margin:4px 0 0}.cc-cost-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--cc-line);border-radius:14px;background:#fff;scrollbar-width:thin;scrollbar-color:#c4afd5 #f7f3fb;overscroll-behavior-x:contain;min-width:0}.cc-cost-table{border-collapse:separate;border-spacing:0;width:100%;min-width:930px;font-size:.82rem;font-variant-numeric:tabular-nums}.cc-cost-table :is(th,td){padding:16px 15px;border-bottom:1px solid #eee8f3;white-space:nowrap;text-align:right;vertical-align:middle;background:#fff}.cc-cost-table thead th{background:#f7f3fb;color:#786487;font-size:.72rem;font-weight:650}.cc-cost-table th:first-child{position:sticky;left:0;z-index:2;text-align:left;width:155px;min-width:155px;max-width:155px;white-space:normal;overflow-wrap:anywhere;box-shadow:1px 0 #e6dced}.cc-cost-table thead th:first-child{z-index:3;background:#f7f3fb}.cc-cost-table tbody tr:hover :is(td,th){background:#faf7fd}.cc-cost-table tbody th{font-weight:600;color:#513d60}.cc-cost-table tfoot :is(td,th){background:#f1eaf8;color:#584266;font-weight:650;border-bottom:0}.cc-cost-table tfoot th:first-child{z-index:3;background:#f1eaf8}.cc-cost-complete,.cc-cost-incomplete{display:inline-flex;padding:5px 8px;border-radius:7px;font-size:.7rem;font-weight:600;white-space:normal;line-height:1.5}.cc-cost-complete{color:#296847;background:#ebf6ee;border:1px solid #c8e2d0}.cc-cost-incomplete{color:#80561c;background:#fff6e6;border:1px solid #ebd9b8}.cc-cost-small{margin:0;color:#786882;font-size:.75rem;line-height:1.7}.cc-cost-center-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cc-cost-center-panel{background:white;border:1px solid var(--cc-line);border-radius:16px;padding:22px;display:grid;gap:17px;min-width:0}.cc-cost-center-panel h3{font-size:1rem;margin:5px 0;font-weight:600}.cc-cost-center-panel>header{align-items:center}.cc-cost-center-panel>header button{font-size:.75rem;padding:9px 12px;display:flex;gap:6px;align-items:center;min-height:42px}.cc-cost-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cc-cost-rates>div{display:grid;gap:10px;min-width:0}.cc-cost-rates>div>strong{font-size:.75rem;color:#6d517e}.cc-cost-rates span{font-size:.67rem;line-height:1.6;color:#786882;display:grid;gap:2px}.cc-cost-rates b{font-size:1rem;color:#493354;font-weight:600;overflow-wrap:anywhere}.cc-cost-coverage-list{display:grid;gap:5px;margin:0;padding:13px 0 0 17px;border-top:1px solid #eee8f3;color:#7b6b84;font-size:.73rem;line-height:1.6}.cc-cost-records{border:1px solid var(--cc-line);background:#fff;border-radius:16px;padding:22px;min-width:0}.cc-cost-section-heading{align-items:center;margin-bottom:18px}.cc-cost-section-heading h3{font-size:1rem;margin:0}.cc-cost-section-heading>span{font-size:.72rem;color:#76627f}.cc-cost-empty{padding:20px 0;color:#7b6b84;font-size:.86rem;line-height:1.7;margin:0}.cc-cost-entry-list{display:grid;gap:0}.cc-cost-entry-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:18px 0;border-top:1px solid #eee8f3}.cc-cost-entry-list>article:first-child{border-top:0;padding-top:0}.cc-cost-entry-kicker{font-size:.7rem;color:#816394}.cc-cost-entry-list h4{margin:5px 0 7px;font-size:.94rem;font-weight:600;overflow-wrap:anywhere}.cc-cost-entry-list p{margin:5px 0 0;color:#74637d;font-size:.74rem;line-height:1.65}.cc-cost-entry-list>article>strong{font-size:1.05rem;font-weight:650;white-space:nowrap}.cc-cost-entry-list .cc-cost-actions button{font-size:.75rem;padding:9px 12px}.cc-cost-records summary{cursor:pointer;font-size:.85rem;font-weight:600;line-height:1.6;color:#644977;min-height:30px}.cc-cost-records[open]>summary{margin-bottom:18px}.cc-cost-records dl{display:grid;gap:15px;margin:0 0 18px}.cc-cost-records dt{font-size:.8rem;color:#5f4571;font-weight:600}.cc-cost-records dd{margin:5px 0 0;line-height:1.7;font-size:.8rem;color:#77657f}.cc-cost-records ul{font-size:.78rem;line-height:1.7;color:#74617c;display:grid;gap:9px;padding-left:18px}.cc-cost-records .cc-cost-table-wrap{margin-top:18px}.cc-cost-dialog{--cc-ink:#34273f;--cc-muted:#74677f;--cc-line:#e5deed;width:min(820px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 48px);border:1px solid #d9cbe5;border-radius:19px;color:#3e3049;background:#fff;padding:0;box-shadow:0 22px 90px #2c123e33;overflow:auto;overscroll-behavior:contain}.cc-cost-dialog::backdrop{background:#28143777}.cc-cost-dialog>header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 25px;background:linear-gradient(110deg,#f7effe,#fff6f8);border-bottom:1px solid #e9dfee}.cc-cost-dialog>header h2{margin:0;font-size:1.2rem;line-height:1.4;font-weight:600}.cc-cost-close{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;padding:0;border:1px solid #dac8e7;border-radius:50%;background:#fff;color:#714a88}.cc-cost-dialog>form,.cc-cost-history{padding:24px}.cc-cost-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #e6ddec;border-radius:13px;padding:18px;gap:17px;min-width:0;margin:23px 0}.cc-cost-span{grid-column:1/-1}.cc-cost-editor-grid textarea,.cc-cost-coverage-form textarea{min-height:88px;resize:vertical;line-height:1.6}.cc-cost-dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid #e8deef;padding-top:19px;margin-top:20px}.cc-cost-coverage-form{display:grid;gap:18px;border:1px solid #e7dced;border-radius:13px;padding:22px;margin:22px 0}.cc-cost-coverage-form label{display:flex;align-items:flex-start;gap:10px;font-size:.83rem;line-height:1.65}.cc-cost-coverage-form label:has(textarea){display:grid}.cc-cost-history{display:grid;gap:20px}.cc-cost-history>article{border-left:3px solid #b089ce;padding:8px 0 8px 18px}.cc-cost-history h3{font-size:.98rem;margin:0 0 9px}.cc-cost-history p{font-size:.8rem;line-height:1.7;color:#77637e;overflow-wrap:anywhere}.cc-cost-history summary{font-size:.78rem;color:#6b4a80;cursor:pointer}.cc-cost-audit-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cc-cost-audit-values pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.68rem;background:#faf7fc;padding:13px;border:1px solid #e8dff0;border-radius:9px;line-height:1.7;max-height:350px;overflow:auto}.cc-costs button:disabled,.cc-cost-dialog button:disabled{opacity:.55;cursor:not-allowed} @media(max-width:1100px){.cc-cost-heading{flex-wrap:wrap}.cc-cost-center-panels{grid-template-columns:minmax(0,1fr)}} @media(max-width:760px){.cc-costs{gap:18px}.cc-cost-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:17px;gap:14px}.cc-cost-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cc-cost-metric{padding:18px 16px}.cc-cost-heading h2{font-size:1.5rem}.cc-cost-center-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.cc-cost-center-options>strong{grid-column:1/-1}.cc-costs input,.cc-costs select,.cc-costs textarea,.cc-cost-dialog input,.cc-cost-dialog select,.cc-cost-dialog textarea{font-size:16px}.cc-cost-entry-list>article{grid-template-columns:minmax(0,1fr) auto;gap:13px}.cc-cost-entry-list .cc-cost-actions{grid-column:1/-1}.cc-cost-table th:first-child{width:120px;min-width:120px;max-width:120px}.cc-cost-table :is(th,td){padding:13px 11px}.cc-cost-center-panel,.cc-cost-records{padding:19px 16px}.cc-cost-section-heading{flex-wrap:wrap;gap:8px}.cc-cost-center-panel>header{flex-wrap:wrap;gap:10px}.cc-cost-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 28px);border-radius:15px}.cc-cost-dialog>header{padding:16px 18px}.cc-cost-dialog>form,.cc-cost-history{padding:19px 17px}.cc-cost-dialog>header h2{font-size:1.1rem}.cc-cost-editor-grid{padding:15px;gap:14px}.cc-cost-audit-values{grid-template-columns:minmax(0,1fr)}} @media(max-width:480px){.cc-cost-filters,.cc-cost-editor-grid{grid-template-columns:minmax(0,1fr)}.cc-cost-center-options{grid-template-columns:minmax(0,1fr)}.cc-cost-rates{grid-template-columns:minmax(0,1fr);gap:16px}.cc-cost-rates>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-bottom:14px;border-bottom:1px solid #ece4f2}.cc-cost-rates>div>strong{grid-column:1/-1}.cc-cost-rates>div:last-child{border-bottom:0;padding-bottom:0}.cc-cost-rates b{font-size:.9rem}.cc-cost-metric>strong{font-size:1.3rem}.cc-cost-metric small{font-size:.68rem}.cc-cost-dialog-actions>button{flex:1}.cc-cost-coverage-form{padding:17px}.cc-cost-entry-list>article>strong{font-size:.93rem}.cc-cost-table th:first-child{width:106px;min-width:106px;max-width:106px}.cc-cost-heading .cc-cost-actions{gap:7px}.cc-cost-heading .cc-cost-actions button{padding:10px 12px;font-size:.77rem}} @media(prefers-reduced-motion:reduce){.cc-costs *,.cc-cost-dialog *{scroll-behavior:auto;transition:none;animation:none}} .insights-dashboard{--ins-ink:#292238;--ins-muted:#756f7f;--ins-purple:#7650ad;--ins-border:#e9e4ee;max-width:1440px;margin:0 auto;color:var(--ins-ink)}.insights-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:25px}.insights-heading h1{font-size:clamp(30px,3vw,42px);letter-spacing:-1.4px;margin:7px 0 7px;color:var(--ins-ink)}.insights-heading h1>span{color:#af416f}.insights-heading p{margin:0;color:var(--ins-muted);line-height:1.5}.insights-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.9px;color:#95638e}.insights-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.insights-actions>button,.insights-export>summary{display:flex;gap:7px;align-items:center;min-height:42px;border:1px solid var(--ins-border);border-radius:9px;background:#fff;padding:10px 14px;font-size:12px;font-weight:650;color:#504459;cursor:pointer}.insights-export{position:relative}.insights-export>summary{list-style:none;background:#352640;color:#fff;border-color:#352640}.insights-export>summary::-webkit-details-marker{display:none}.insights-export>div{position:absolute;right:0;top:48px;z-index:8;background:#fff;border:1px solid var(--ins-border);box-shadow:0 15px 32px #24163215;border-radius:12px;padding:7px;min-width:225px}.insights-export button{display:block;width:100%;padding:12px;border:0;background:#fff;text-align:left;border-radius:7px;color:var(--ins-ink);font-size:12px}.insights-export button:hover{background:#f6f1f9}.insights-export button:disabled{opacity:.45;cursor:not-allowed}.insights-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px 20px;border:1px solid var(--ins-border);border-radius:14px;background:#fff}.insights-filters label{display:grid;min-width:0;gap:7px;font-size:10px;font-weight:750;text-transform:none;letter-spacing:.4px;color:var(--ins-muted);margin:0}.insights-filters select,.insights-filters input{box-sizing:border-box;display:block;width:100%;min-width:0;height:40px;padding:8px 28px 8px 10px;background:#fbf9fc;border:1px solid var(--ins-border);border-radius:7px;color:#3e354b;font-family:inherit;font-weight:500;font-size:12px}.insights-own-scope{display:flex;flex-direction:column;justify-content:center;gap:9px}.insights-own-scope small{font-size:10px;color:var(--ins-muted)}.insights-own-scope strong{font-size:12px}.insights-context{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:21px 0 12px;flex-wrap:wrap}.insights-context>div{display:grid;gap:5px}.insights-context strong{font-size:12px;font-weight:650}.insights-context span{font-size:10px;color:var(--ins-muted)}.insights-context .insights-scope-label{padding:7px 10px;border-radius:20px;background:#f0eaf7;color:#795492;font-weight:650;font-size:10px}.insights-definition,.insights-comparison-note{font-size:11px;color:var(--ins-muted);line-height:1.7;margin:12px 0 19px;max-width:1150px}.insights-observed{display:flex;justify-content:space-between;gap:12px;margin:12px 0 13px;font-size:10px;color:#82798d;flex-wrap:wrap}.insights-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.insights-metric{position:relative;min-width:0;border:1px solid var(--ins-border);border-radius:14px;background:#fff;padding:20px;text-align:left;box-shadow:0 3px 12px #39245003;display:flex;flex-direction:column}.insights-metric:before{content:"";position:absolute;top:20px;right:20px;width:7px;height:7px;border-radius:50%;background:#b499cf}.insights-metric:nth-child(2):before{background:#bb7e98}.insights-metric:nth-child(3):before{background:#c88a87}.insights-metric:nth-child(4):before{background:#7c5bb1}.insights-metric-label{font-size:11px;font-weight:650;color:var(--ins-muted);margin-right:16px}.insights-metric>strong{font-size:clamp(27px,3vw,37px);letter-spacing:-1px;font-weight:650;color:var(--ins-ink);margin:12px 0 16px;line-height:1.1}.insights-metric-foot{display:flex;gap:6px;flex-direction:column;font-size:10px}.insights-metric-foot>span{color:#735494;font-weight:650}.insights-metric-foot>small{font-size:10px;color:var(--ins-muted)}.insights-metric-button{cursor:pointer;transition:box-shadow .2s}.insights-metric-button:hover{box-shadow:0 5px 20px #70499e16;border-color:#c6b4db}.insights-chart-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;margin:20px 0}.insights-panel{min-width:0;border:1px solid var(--ins-border);background:#fff;border-radius:14px;padding:22px}.insights-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.insights-panel-heading h2{font-size:15px;font-weight:700;letter-spacing:-.2px;line-height:1.5;margin:5px 0 0;color:var(--ins-ink)}.insights-panel-heading>span{font-size:11px;color:var(--ins-muted)}.insights-chart-tag{background:#f7f3fa;padding:7px 9px;border-radius:6px;white-space:nowrap}.insights-state-bars{display:grid;gap:17px}.insights-state-bar{border:0;background:none;display:grid;grid-template-columns:48px minmax(0,1fr) 78px;align-items:center;gap:12px;width:100%;padding:0;text-align:left;cursor:pointer}.insights-state-name{font-size:12px;font-weight:750;overflow-wrap:anywhere}.insights-bar-track{height:10px;border-radius:8px;background:#f2edf7;overflow:hidden}.insights-bar-track>span{display:block;height:100%;background:linear-gradient(90deg,#7954b0,#ac527f);border-radius:8px;min-width:0}.insights-bar-value{text-align:right;font-size:12px;font-weight:750}.insights-bar-value small{display:block;font-size:9px;font-weight:400;color:var(--ins-muted);margin-top:4px}.insights-state-bar:hover .insights-state-name{color:#8658ad}.insights-chart-note{font-size:10px;line-height:1.7;color:var(--ins-muted);margin:17px 0 0}.insights-trend{min-width:0}.insights-trend svg{width:100%;height:auto;display:block}.insights-trend svg text{font-family:inherit;font-size:11px;fill:#817789}.insights-trend svg .insights-trend-count{font-size:13px;font-weight:650;fill:#6d499a}.insights-legend{display:flex;gap:16px;font-size:10px;color:var(--ins-muted);flex-wrap:wrap}.insights-legend span{display:flex;align-items:center;gap:6px}.insights-legend i{height:7px;width:7px;background:#7751b4;border-radius:50%;display:inline-block}.insights-legend span+span i{background:#8a749f}.insights-trend-values{font-size:10px;color:var(--ins-muted)}.insights-trend-values summary{cursor:pointer;padding:7px 0}.insights-trend-values table{width:100%;font-size:10px;border-collapse:collapse}.insights-trend-values th,.insights-trend-values td{padding:7px 4px;text-align:left;border-bottom:1px solid var(--ins-border)}.insights-text-button{display:inline-flex;align-items:center;gap:7px;padding:5px 0;border:0;background:none;color:#7b56a3;font-size:11px;font-weight:650;cursor:pointer}.insights-market .insights-panel-heading{margin-bottom:14px}.insights-table-scroll{max-width:100%;overflow:auto;border:1px solid var(--ins-border);border-radius:10px;isolation:isolate}.insights-table{border-collapse:separate;border-spacing:0;width:100%;min-width:780px;font-size:12px}.insights-table th,.insights-table td{padding:15px 14px;text-align:right;border-bottom:1px solid #eee9f2;white-space:nowrap;background:#fff}.insights-table thead th{font-size:10px;font-weight:700;background:#faf8fc;color:#6f627c;line-height:1.4}.insights-table th:first-child{position:sticky;left:0;z-index:2;text-align:left;background:#fff;min-width:74px;max-width:110px;white-space:normal;box-shadow:1px 0 0 var(--ins-border)}.insights-table thead th:first-child{background:#faf8fc;z-index:3}.insights-table tfoot th,.insights-table tfoot td{background:#f6f1fa;font-weight:750;border-bottom:0}.insights-table tfoot th:first-child{background:#f6f1fa}.insights-table tbody tr:hover td,.insights-table tbody tr:hover th{background:#fdfbff}.insights-table th>button{display:flex;gap:7px;align-items:center;border:0;background:none;padding:0;font:inherit;color:#4d3b63;font-weight:750;cursor:pointer}.insights-close-rate{color:#855399;font-weight:700}.insights-total-rate{color:#644185}.insights-coverage{border-left:3px solid #b393ce;padding:9px 13px;background:#f9f5fc;color:#706079;font-size:11px;line-height:1.7;border-radius:0 7px 7px 0}.insights-records{margin-top:20px}.insights-record-list{margin-top:14px}.insights-record{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border:0;border-bottom:1px solid var(--ins-border);background:none;text-align:left;width:100%;cursor:pointer}.insights-record>span{min-width:0}.insights-record>span+span{text-align:right}.insights-record strong{display:block;font-size:12px;color:#483a58;overflow-wrap:anywhere}.insights-record small{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--ins-muted);margin-top:7px}.insights-record>span+span small{justify-content:flex-end}.insights-record:disabled{cursor:default}.insights-records>.secondary{margin-top:15px}.insights-loading,.insights-empty{padding:54px 20px;text-align:center;border:1px solid var(--ins-border);border-radius:14px;background:#fff;color:var(--ins-muted);font-size:12px}.insights-loading svg,.insights-empty svg{color:#a587be}.insights-empty h2{font-size:16px;color:var(--ins-ink);margin:16px 0}.insights-empty p{line-height:1.7}.insights-sample{display:inline-flex;background:#faf1dd;border:1px solid #e5d3a9;border-radius:7px;color:#806621;padding:7px 10px;font-size:11px;margin-top:0}.insights-export-status{font-size:11px;color:#73568a}.insights-print-frame{position:fixed;bottom:0;left:0;width:1px;height:1px;border:0;opacity:0;pointer-events:none}.insights-dashboard :is(button,summary,select,input):focus-visible,.insights-table-scroll:focus-visible{outline:2px solid #9472ba;outline-offset:3px}@media(max-width:1050px){.insights-chart-grid{grid-template-columns:1fr}.insights-metric{padding:16px}.insights-metric:before{top:16px;right:16px}}@media(max-width:680px){.insights-heading{gap:14px;flex-direction:column;margin-bottom:18px}.insights-heading h1{font-size:32px}.insights-actions{align-self:flex-start}.insights-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:12px}.insights-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.insights-metric>strong{font-size:29px}.insights-context{gap:13px;align-items:flex-start}.insights-context>div{width:100%}.insights-panel{padding:16px}.insights-panel-heading{align-items:flex-start;gap:10px;flex-wrap:wrap}.insights-panel-heading h2{font-size:14px}.insights-table th:first-child{min-width:57px;max-width:85px;padding-left:10px;padding-right:10px}.insights-state-bar{grid-template-columns:38px minmax(0,1fr) 72px;gap:8px}.insights-chart-grid{gap:13px}.insights-record{gap:10px}.insights-record>span{max-width:58%}.insights-record>span+span{max-width:42%}.insights-trend-values{overflow:auto}.insights-trend-values table{min-width:340px}.insights-filters input[type=date]{max-width:100%;font-size:11px}.insights-observed{font-size:9px}.insights-comparison-note,.insights-definition{font-size:10px}}@media(prefers-reduced-motion:reduce){.insights-metric-button{transition:none}} .insights-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.insights-rates>div{border:1px solid var(--ins-border);border-radius:11px;padding:15px 18px;background:#faf7fc;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.insights-rates span{font-size:11px;font-weight:650;color:var(--ins-muted)}.insights-rates strong{font-size:21px;letter-spacing:-.5px;color:#75518d}.insights-rates small{font-size:10px;color:#8a759b;grid-column:1/-1}@media(max-width:680px){.insights-rates{gap:8px}.insights-rates>div{padding:12px 9px;grid-template-columns:1fr}.insights-rates span{font-size:9px}.insights-rates strong{font-size:19px}.insights-rates small{font-size:9px}} .insights-context .insights-scope-label{max-width:100%;overflow-wrap:anywhere}@media(max-width:680px){.insights-export>div{left:0;right:auto;min-width:225px;max-width:calc(100vw - 64px)}} .insights-report-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.insights-report-tabs button{border:1px solid #ddd4e6;background:#fff;color:#493e59;border-radius:999px;padding:10px 15px;font-size:12px;min-height:40px}.insights-report-tabs button[aria-pressed="true"]{background:#efE8fa;border-color:#9477b9;color:#493064}.detailed-insights h3{font-size:18px;margin:20px 0 12px}.detailed-insights details,.insights-saved-views{border:1px solid #e5deec;border-radius:14px;padding:14px 16px;margin:16px 0;background:#faf8fc}.insights-saved-views summary{font-weight:650;cursor:pointer}.insights-saved-views .insights-filters{align-items:end;padding-top:14px}.insights-small-sample{display:block;font-size:10px;font-weight:400;margin-top:4px;color:#6d617b}.insights-report-drill{border-top:1px solid #e5deec;margin-top:24px;padding-top:12px}.detailed-insights .insights-record{width:100%;text-align:left}.detailed-insights .insights-rates button{font-size:12px}.detailed-insights .insights-rates small{display:block;margin-top:8px}@media(max-width:600px){.insights-report-tabs{gap:6px}.insights-report-tabs button{font-size:11px;padding:9px 11px}.detailed-insights .insights-panel-heading{align-items:stretch;flex-direction:column}.detailed-insights .insights-record{flex-wrap:wrap;gap:8px}} .insights-conversion-trends{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.insights-conversion-trends h3{font-size:17px;margin:8px 0 0}.insights-conversion-trends svg{width:100%;height:130px;display:block}.insights-conversion-trends details{margin-top:14px;font-size:11px}.insights-conversion-trends .insights-chart-note{grid-column:1/-1;margin:0}.insights-conversion-trends td small{display:block;font-size:10px;padding-top:4px}.insights-conversion-trends .insights-panel{padding:18px}@media(max-width:900px){.insights-conversion-trends{grid-template-columns:1fr}.insights-conversion-trends svg{height:120px}} /* Keep pinned labels readable without expanding narrow-screen tables. */ .insights-table th:first-child,.insights-table th>button{overflow-wrap:anywhere}.insights-table th>button{min-width:0;max-width:100%} .insights-export-preview{display:grid;gap:5px;padding:10px 12px;border-bottom:1px solid var(--border-color,#e3deeb);font-size:12px;overflow-wrap:anywhere}.insights-export-preview small{line-height:1.45;color:#625970}.insights-export>div{max-height:min(75vh,650px);overflow-y:auto} .insights-brief{margin:16px 0}.insights-brief summary{cursor:pointer;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.insights-brief summary>span{font-size:12px;color:#625970}.insights-brief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.insights-brief p{line-height:1.6}.insights-brief h3{font-size:15px}@media(max-width:700px){.insights-brief-grid{grid-template-columns:1fr;gap:6px}} /* Person/team labels need more room than two-letter state abbreviations. */ .detailed-insights .insights-table th:first-child{min-width:136px;max-width:180px} .property-view{margin:22px 0;padding:18px;background:#f6f7f8;border:1px solid #e3e6e8;border-radius:10px}.property-view iframe{width:100%;height:290px;border:0;border-radius:8px;margin-bottom:12px}.property-view-actions{display:flex;flex-wrap:wrap;gap:8px}.property-view-actions a{text-decoration:none}.property-view .fine{margin:12px 0 0} dialog.lead-card{overflow:visible;padding:0!important;width:min(800px,calc(100% - 58px));max-height:none;top:48px;box-shadow:0 20px 70px #0003} .lead-card-scroll{max-height:calc(100dvh - 82px);overflow-y:auto;overscroll-behavior:contain;padding:28px;border-radius:12px;background:#fff} .lead-card-close{position:absolute;right:-18px;top:-18px;z-index:2;width:44px;height:44px;border:2px solid #fff;border-radius:50%;background:#202326;color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;box-shadow:0 3px 12px #0004}.lead-card-close:hover{background:#a14c12}.lead-card-close:disabled{opacity:.65} @media(max-width:600px){.lead-card-scroll{padding:20px}.property-view{padding:14px}.property-view-actions .secondary{width:100%}} .property-view-actions{margin-bottom:10px}.property-view-actions .property-action{background:#202326;color:#fff;border-color:#202326;font-weight:700;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.property-view-actions .property-action:hover{background:#a14c12}.property-view .fine{margin:10px 0 14px}.property-view iframe{margin-bottom:0} /* Match ordinary QA badge typography; only the SMS pre-confirmation colors differ. */ .badge.pre-confirmed-sms{background:#e0f2fe;color:#075985} /* Approved light concept: Homeowner / Appointment / Workflow. */ body.eg-visual-overhaul .appointment-row:has(> .appointment-card-grid) { display:block; width:calc(100% - 32px); min-width:0; min-height:0; margin:16px; padding:0 !important; border:0; border-radius:18px; background:transparent; text-align:left; color:#30283f; } body.eg-visual-overhaul .appointment-row > .appointment-card-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.95fr); width:100%; border:1px solid #e0dce9; border-radius:18px; background:#fff; box-shadow:0 4px 20px rgb(48 30 68 / 3%); overflow:hidden; transition:border-color 140ms ease,box-shadow 140ms ease; } body.eg-visual-overhaul .appointment-row:hover > .appointment-card-grid { border-color:#bca4d8; box-shadow:0 6px 22px rgb(100 59 139 / 8%); } body.eg-visual-overhaul .appointment-card-grid .appointment-card-zone { display:flex; flex-direction:column; align-items:flex-start; gap:9px; padding:23px; min-width:0; overflow-wrap:anywhere; line-height:1.45; } body.eg-visual-overhaul .appointment-card-grid .appointment-card-zone + .appointment-card-zone {border-left:1px solid #ede8f2;} body.eg-visual-overhaul .appointment-card-grid .appointment-card-workflow {background:linear-gradient(145deg,#fcfbfe,#f7f5fa);} body.eg-visual-overhaul .appointment-card-grid .appointment-card-eyebrow { display:block; color:#897d94; font-size:.64rem; font-weight:500; letter-spacing:1.2px; text-transform:uppercase; margin-bottom:4px; } body.eg-visual-overhaul .appointment-card-grid :is(.appointment-card-name,.appointment-card-date,.appointment-card-assignment) {font-size:.93rem; font-weight:650; line-height:1.5; color:#30283f;} body.eg-visual-overhaul .appointment-card-grid :is(.appointment-card-team,.appointment-card-timing) {color:#746a80;font-size:.8rem;} body.eg-visual-overhaul .appointment-card-grid small {display:block; margin:0; color:#796e86; font-size:.74rem; line-height:1.5;} body.eg-visual-overhaul .appointment-card-grid .appointment-card-source {display:flex; flex-wrap:wrap; align-items:center; gap:7px;} body.eg-visual-overhaul .appointment-card-source:empty {display:none;} body.eg-visual-overhaul .appointment-card-grid .appointment-card-address {display:flex; align-items:flex-start; gap:5px; margin-top:3px; font-size:.78rem; color:#70657c;} body.eg-visual-overhaul .appointment-card-address > svg {flex-shrink:0; margin-top:2px;} body.eg-visual-overhaul .appointment-card-grid .vo-appointment-badges {display:flex; flex-wrap:wrap; gap:7px; margin:0;} body.eg-visual-overhaul .appointment-card-grid .vo-appointment-badges:empty {display:none;} body.eg-visual-overhaul .appointment-card-grid .badge {max-width:100%; white-space:normal; line-height:1.4; font-size:.73rem; padding:5px 8px;} body.eg-visual-overhaul .appointment-card-grid .appointment-card-open {display:flex; align-items:center; gap:6px; margin-top:auto; padding-top:8px; font-size:.73rem; color:#79579d;} body.eg-visual-overhaul .appointment-card-grid .appointment-card-open > svg {flex-shrink:0;} body.eg-visual-overhaul .focus-appointment-group > .appointment-row:has(> .appointment-card-grid) {margin:16px !important;} @media (max-width:1100px) { body.eg-visual-overhaul .appointment-card-grid .appointment-card-zone {padding:19px;} } @media (max-width:760px) { body.eg-visual-overhaul .appointment-row:has(> .appointment-card-grid) {width:calc(100% - 20px);margin:12px 10px;} body.eg-visual-overhaul .appointment-row > .appointment-card-grid {grid-template-columns:repeat(2,minmax(0,1fr));border-radius:17px;} body.eg-visual-overhaul .appointment-card-grid .appointment-card-zone {padding:18px 14px;gap:8px;} body.eg-visual-overhaul .appointment-card-grid .appointment-card-workflow {grid-column:1 / -1;border-left:0 !important;border-top:1px solid #ede8f2;} body.eg-visual-overhaul .appointment-card-grid :is(.appointment-card-name,.appointment-card-date,.appointment-card-assignment) {font-size:.85rem;} body.eg-visual-overhaul .appointment-card-grid .appointment-card-date > span {display:block;} body.eg-visual-overhaul .focus-appointment-group > .appointment-row:has(> .appointment-card-grid) {margin:12px 10px !important;} } @media (prefers-reduced-motion:reduce) {body.eg-visual-overhaul .appointment-row > .appointment-card-grid {transition:none;}} body.eg-visual-overhaul :not(.appt-group-0) + .appointment-row.appt-group-0:has(> .appointment-card-grid) {margin-top:52px;} body.eg-visual-overhaul :not(.appt-group-0) + .appointment-row.appt-group-0:has(> .appointment-card-grid)::before {top:-36px;left:4px;} body.eg-visual-overhaul :not(.appt-group-0\.5) + .appointment-row.appt-group-0\.5:has(> .appointment-card-grid) {margin-top:52px;} body.eg-visual-overhaul :not(.appt-group-0\.5) + .appointment-row.appt-group-0\.5:has(> .appointment-card-grid)::before {top:-36px;left:4px;} body.eg-visual-overhaul :not(.appt-group-1) + .appointment-row.appt-group-1:has(> .appointment-card-grid) {margin-top:52px;} body.eg-visual-overhaul :not(.appt-group-1) + .appointment-row.appt-group-1:has(> .appointment-card-grid)::before {top:-36px;left:4px;} body.eg-visual-overhaul :not(.appt-group-2) + .appointment-row.appt-group-2:has(> .appointment-card-grid) {margin-top:52px;} body.eg-visual-overhaul :not(.appt-group-2) + .appointment-row.appt-group-2:has(> .appointment-card-grid)::before {top:-36px;left:4px;} body.eg-visual-overhaul :not(.appt-group-3) + .appointment-row.appt-group-3:has(> .appointment-card-grid) {margin-top:52px;} body.eg-visual-overhaul :not(.appt-group-3) + .appointment-row.appt-group-3:has(> .appointment-card-grid)::before {top:-36px;left:4px;} body.eg-visual-overhaul :not(.appt-group-4) + .appointment-row.appt-group-4:has(> .appointment-card-grid) {margin-top:52px;} body.eg-visual-overhaul :not(.appt-group-4) + .appointment-row.appt-group-4:has(> .appointment-card-grid)::before {top:-36px;left:4px;} body.eg-visual-overhaul .appointment-card-grid .appointment-card-workflow-badges {display:flex;flex-wrap:wrap;align-items:center;gap:7px;} body.eg-visual-overhaul .appointment-card-grid .appointment-card-source .self-gen-badge > svg {width:72px;height:43px;} .review-filters{display:flex;flex-wrap:wrap;gap:20px;padding:22px}.review-filters label{flex:1;min-width:160px;margin:0}.review-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.review-booking{padding:20px;margin-top:16px}.review-booking summary{cursor:pointer;display:flex;gap:20px;flex-wrap:wrap;align-items:center}.review-booking summary strong{margin-right:auto}.review-appointment{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;background:#fff;border:1px solid var(--border);border-radius:8px;padding:16px;margin-top:12px;color:inherit}.review-appointment small{display:block;margin-top:6px}.meeting-page{padding:26px}.meeting-page>label{display:grid;gap:8px;margin:20px 0}.meeting-page pre{font:inherit;line-height:1.7}.meeting-scope{margin-bottom:20px;max-width:360px}@media(max-width:600px){.review-booking,.meeting-page{padding:16px}.review-appointment{flex-direction:column;align-items:flex-start}.review-stats .stat{padding:16px}} .review-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.review-rates>div{border:1px solid var(--border);padding:18px;border-radius:10px}.review-rates span,.review-rates strong{display:block}.review-rates strong{font-size:26px;margin-top:8px}.review-dispositions{padding:20px;margin:20px 0}.review-dispositions summary{cursor:pointer;font-weight:700}.review-dispositions dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.review-dispositions dl>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding:8px}.review-dispositions dd{font-weight:800;margin:0}.review-booking .review-name{margin-right:auto;padding:0;border:0;background:transparent;color:inherit;font-weight:800;text-decoration:underline;text-align:left}.review-booking>summary:before{content:'▸';font-size:20px}.review-booking[open]>summary:before{content:'▾'} .profile-picture{display:inline-flex;flex:none;border-radius:50%;overflow:hidden;background:#fff0e3;color:#8d410e;align-items:center;justify-content:center;font-size:12px;font-weight:800;vertical-align:middle;line-height:1}.profile-picture img{width:100%;height:100%;object-fit:cover}.person-with-picture{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}.person-with-picture>span:last-child{min-width:0}.profile-picture-preview img{width:72px;height:72px;object-fit:cover;border-radius:50%}.profile-picture-settings label{display:grid;gap:10px;margin:16px 0}.profile-picture-settings fieldset{border:0;padding:0;margin:20px 0}.map-dot-colors{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.map-dot-colors button{width:42px;height:42px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #ddd;color:#fff;font-weight:900}.map-dot-colors button[aria-pressed=true]{box-shadow:0 0 0 3px #555}.profile-picture-settings input{max-width:100%} .meeting-builder{margin-top:24px}.meeting-toolbar,.meeting-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.meeting-stage{margin:20px 0;background:#242424;padding:14px;border-radius:14px}.meeting-slide{background:linear-gradient(125deg,transparent 76%,#f0efed 76%,#fff 84%,#f8e4d3),#fff;color:#111;min-height:540px;position:relative;padding:32px 5% 72px;isolation:isolate;overflow:hidden}.meeting-slide:before{content:'';position:absolute;z-index:-1;right:0;top:0;width:140px;height:180px;background-image:radial-gradient(#fa510c 1.5px,transparent 2px);background-size:7px 7px;mask-image:linear-gradient(225deg,#000,transparent 80%)}.meeting-slide:after{content:'';position:absolute;z-index:-1;left:-160px;bottom:-180px;width:430px;height:430px;border-radius:50%;background:repeating-conic-gradient(from 5deg,#eee 0deg 5deg,transparent 5deg 20deg);opacity:.6}.meeting-slide header{text-align:center;margin-bottom:24px}.meeting-slide h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(30px,4.5vw,66px);text-transform:uppercase;font-style:italic;line-height:1.1;margin:8px 0;color:#080808;letter-spacing:-1px}.meeting-slide h2 em{color:#f4510b}.meeting-kicker{font-size:10px;letter-spacing:2px;font-weight:800}.meeting-brush{background:#111;clip-path:polygon(3% 0,100% 8%,97% 23%,100% 42%,96% 57%,99% 85%,1% 100%,4% 80%,0 60%,3% 30%);color:white;padding:10px 30px;width:fit-content;max-width:100%;margin:auto;font-weight:900;font-style:italic;font-size:12px}.meeting-slide-content{position:relative}.meeting-slide footer{position:absolute;bottom:15px;left:5%;right:4%;display:flex;align-items:center;justify-content:space-between;font-size:12px}.meeting-slide footer img{width:110px;max-height:44px;object-fit:contain}.slide-framed{border:4px solid #fc510b;border-radius:24px 8px;box-shadow:-5px 5px 0 #151515;padding:26px;background:#ffffffd9}.slide-copy{white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(16px,2vw,26px);min-height:220px;line-height:1.6}.meeting-pay-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.meeting-slide h3{font-size:clamp(19px,2.5vw,30px);font-weight:900;margin:0 0 12px}.meeting-pay-list{display:flex;flex-direction:column;gap:9px;font-size:clamp(15px,1.8vw,24px);font-weight:800;overflow-wrap:anywhere}.meeting-incentives{text-align:center;margin-top:30px}.meeting-incentives>div{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 0;font-weight:800}.meeting-incentives>div>span+span:before{content:' | ';padding:0 14px;color:#f4510b}.slide-placeholder{font-size:14px;color:#777;font-weight:400}.meeting-agenda{max-width:570px;margin:auto;list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}.meeting-agenda li{display:flex;gap:12px;align-items:center;border-bottom:1px solid #ddd;padding-bottom:8px;font-weight:800;font-style:italic}.meeting-agenda b,.call-number{display:inline-grid;place-items:center;background:#f4510b;color:white;border-radius:50%;width:30px;height:30px;flex-shrink:0}.meeting-winner{text-align:center;padding:10px}.winner-wreath{width:150px;height:150px;border:12px double #fa721e;border-radius:50%;margin:0 auto 15px;display:grid;place-items:center;color:#f4510b;font-size:70px;box-shadow:0 0 0 8px #fff0e5}.meeting-winner p{font-size:36px;color:#f4510b;font-weight:900;margin:5px}.meeting-stat-table{width:100%;border-collapse:collapse;font-size:14px}.meeting-stat-table th,.meeting-stat-table td{text-align:left;padding:9px;border-bottom:1px solid #ddd;color:#222;background:transparent}.meeting-stat-table thead{background:#f4f3f1}.slide-period{text-align:center;font-size:12px}.meeting-leaders{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.meeting-leaders h3{font-size:18px}.meeting-leaders ol{padding-left:20px;font-size:14px}.meeting-quote{font-size:clamp(26px,4vw,50px);font-weight:900;font-style:italic;text-align:center;border:0;padding:30px;color:#111}.meeting-call-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.meeting-call-grid audio{width:100%;margin-top:15px}.meeting-call-grid .slide-copy{font-size:16px;min-height:50px}.meeting-goals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.meeting-goals>small{grid-column:1/-1}.meeting-sticky{padding:18px 15px 45px;background:#fff576;box-shadow:2px 5px 8px #0002;position:relative;transform:rotate(-1deg);overflow-wrap:anywhere}.meeting-sticky:nth-child(even){transform:rotate(1deg)}.meeting-sticky h3{font-size:18px;font-style:italic}.meeting-sticky p{font-size:13px}.meeting-sticky button{position:absolute;bottom:5px;right:8px;border:0;background:transparent;color:#ef4e25;font-size:30px;padding:0}.meeting-sticky .goal-done{color:#21a94c}.meeting-signoff{color:#f4510b;font-weight:900;text-transform:uppercase}.meeting-controls{justify-content:center;padding-top:14px}.meeting-controls select{max-width:280px}.meeting-editor{margin-top:22px}.meeting-editor summary{font-size:20px;font-weight:800;cursor:pointer;margin-bottom:20px}.meeting-editor>label{display:block;margin-bottom:20px}.meeting-editor textarea{width:100%;min-height:90px;display:block}.meeting-editor fieldset{border:1px solid #ddd;border-radius:12px;padding:18px;margin:18px 0}.meeting-editor legend{font-weight:800}.meeting-entry{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.meeting-entry label{flex:1;min-width:120px;font-size:12px}.meeting-entry input{display:block;width:100%}.meeting-stage.is-presenting{position:fixed;inset:0;z-index:10000;border-radius:0;margin:0;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:15px}.meeting-stage.is-presenting .meeting-slide{width:min(1400px,100%);min-height:calc(100dvh - 90px);flex-shrink:0}.meeting-stage.is-presenting .meeting-controls{position:sticky;bottom:0;background:#242424;width:100%;padding:10px}.meeting-stage:fullscreen{overflow:auto}.meeting-stage:focus-visible{outline:3px solid #ff7b23}@media(max-width:760px){.meeting-stage{padding:6px}.meeting-slide{padding:22px 18px 70px}.meeting-pay-columns{gap:16px}.slide-framed{padding:16px}.meeting-call-grid,.meeting-goals{grid-template-columns:repeat(2,minmax(0,1fr))}.meeting-agenda{grid-template-columns:1fr}.meeting-stat-table{font-size:10px}.meeting-stat-table td,.meeting-stat-table th{padding:5px 2px}.meeting-leaders{gap:8px}.meeting-leaders h3{font-size:13px}.meeting-leaders ol{font-size:11px}.meeting-controls{gap:6px}.meeting-controls select{max-width:170px}}@media(prefers-reduced-motion:reduce){.meeting-stage *{scroll-behavior:auto}} .meeting-slide-options{display:flex;flex-wrap:wrap;gap:14px}.meeting-slide-options label{display:flex;align-items:center;gap:8px;min-width:220px}.meeting-slide-options input{width:auto}.meeting-slide-options p{width:100%} .accountability-wheel{max-width:440px;margin:20px auto;text-align:center}.accountability-wheel textarea{min-height:110px;width:100%}.wheel-disc{position:relative;width:190px;height:190px;border-radius:50%;border:5px solid #222;margin:auto;transition:transform 3.2s cubic-bezier(.15,.7,.1,1)}.wheel-disc span{position:absolute;left:calc(50% - 8px);top:calc(50% - 10px);font-weight:800}.wheel-pointer{color:#222;font-size:28px;margin-bottom:-10px;position:relative;z-index:1}.accountability-wheel ol{text-align:left;font-size:14px}.accountability-wheel details{margin-bottom:12px} .meeting-snapshots{margin-bottom:18px;padding:16px;border:1px solid #e3dbea;border-radius:15px;background:#fcfaff}.meeting-snapshots h3{margin:0 0 6px;font-size:16px}.meeting-snapshot-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.meeting-snapshot-actions label{display:flex;align-items:center;gap:6px;font-size:12px}.meeting-snapshot-actions label input{width:auto}.meeting-snapshot-actions select{min-width:0;max-width:100%}.meeting-snapshot-cutoff{font-size:11px;line-height:1.7;padding:10px;border-radius:10px;background:#f0e8fa;color:#6d4d88}@media(max-width:600px){.meeting-snapshot-actions{align-items:stretch;flex-direction:column}.meeting-snapshot-actions button,.meeting-snapshot-actions select{width:100%;max-width:100%}} .app-shell .workspace>.topbar.workspace-header{display:flex!important;justify-content:flex-start;align-items:center;gap:20px;height:auto;min-height:76px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap} .workspace-header .workspace-breadcrumb{flex-shrink:0;white-space:nowrap;margin-right:8px} .workspace-header .manager-focus-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0} .manager-focus-controls select{width:auto;min-width:166px;max-width:100%;margin:0;background:white} .manager-focus-controls button{white-space:nowrap} .manager-focus-controls .focus-actor-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .manager-focus-controls .focus-error{font-size:12px;color:#a32a1c} .workspace-header .workspace-announcements{margin-left:auto;padding-left:12px} .workspace-announcements>.secondary{white-space:nowrap} @media(max-width:1100px){.workspace-header>.top-date{display:none}} @media(max-width:760px){.app-shell .workspace>.topbar.workspace-header{gap:12px;padding:12px 16px}.workspace-header .workspace-breadcrumb{width:100%;margin:0}.workspace-header .manager-focus-controls{flex:1}.workspace-header .workspace-announcements{padding-left:0}.manager-focus-controls select{min-width:145px}.manager-focus-controls .focus-actor-note{display:none}} .crm-ai-launch{position:fixed;bottom:22px;right:22px;z-index:80;background:#151515;color:#fff;border:2px solid #f47721;border-radius:24px;padding:12px 20px;font-weight:800;box-shadow:0 4px 18px #0002}.crm-ai-launch b{margin-left:8px;background:#f47721;border-radius:50%;padding:3px 7px}.crm-ai-dialog{width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 32px);border:1px solid #ddd;border-radius:18px;padding:22px;overflow:auto}.crm-ai-dialog::backdrop{background:#0007}.crm-ai-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px}.crm-ai-dialog h2{font-size:22px;margin:0}.crm-ai-log{height:min(42dvh,400px);overflow:auto;padding:12px 0}.crm-ai-message{padding:14px;border-radius:12px;margin-bottom:12px;background:#f5f5f5}.crm-ai-message.user{background:#fff0e5;margin-left:24px}.crm-ai-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;margin:8px 0}.crm-ai-message small{color:#666}.crm-ai-dialog textarea{display:block;width:100%;resize:vertical}.crm-ai-dialog form>div{display:flex;justify-content:space-between;margin:10px 0}.crm-ai-approvals{border:1px solid #f47721;border-radius:10px;padding:12px}.crm-ai-approvals>div{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:8px}@media(max-width:600px){.crm-ai-launch{right:12px;bottom:12px;padding:9px 14px}.crm-ai-dialog{padding:16px}.crm-ai-approvals>div{flex-direction:column;align-items:start}} .crm-ai-history{border:1px solid #ddd;padding:14px;margin:12px 0;border-radius:10px}.crm-ai-history details{padding:12px 0;border-bottom:1px solid #ddd}.crm-ai-history summary{cursor:pointer}.crm-ai-history p{white-space:pre-wrap;overflow-wrap:anywhere}.crm-ai-history input{width:auto} .crm-ai-launch{display:flex;align-items:center;gap:10px;background:linear-gradient(120deg,#692ee8,#225ede);border:1px solid #a797ff;color:#fff;box-shadow:0 5px 28px #6445df66;border-radius:18px} .crm-ai-orb{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:radial-gradient(circle at 25% 20%,#b88cff,#5944e7 50%,#1b84d8);color:#fff;box-shadow:0 0 22px #7653ef66;font-size:23px;flex-shrink:0} .crm-ai-dialog{color:#eef0ff;background:radial-gradient(ellipse at top left,#35265a80,transparent 55%),radial-gradient(ellipse at bottom right,#12487250,transparent 60%),#0c1020;border:1px solid #8373bb80;box-shadow:0 24px 100px #0009,0 0 50px #604ae52b;color-scheme:dark;width:min(660px,calc(100vw - 28px))} .crm-ai-dialog::backdrop{background:#070a18b8;backdrop-filter:blur(6px)} .crm-ai-dialog header{padding-bottom:18px;border-bottom:1px solid #7d73ad44}.crm-ai-dialog h2{display:flex;align-items:center;gap:12px;font-size:32px;color:#fff;margin:8px 0}.crm-ai-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:#b6acff}.crm-ai-dialog small,.crm-ai-dialog .fine{color:#bfc4e0}.crm-ai-dialog .fine{font-size:12px;line-height:1.6} .crm-ai-dialog button{background:#222a46;color:#eeefff;border:1px solid #6971a466;border-radius:10px;padding:9px 12px;cursor:pointer}.crm-ai-dialog button:hover:not(:disabled){background:#344066;border-color:#a59df4}.crm-ai-dialog button:disabled{opacity:.5;cursor:default}.crm-ai-dialog button.primary{background:linear-gradient(120deg,#7543e9,#2865d9);border-color:#9782f3;padding-inline:24px}.crm-ai-dialog :is(button,textarea):focus-visible,.crm-ai-launch:focus-visible{outline:3px solid #75d6ff;outline-offset:3px} .crm-ai-welcome{text-align:center;padding:20px 6px}.crm-ai-welcome>.crm-ai-orb{width:54px;height:54px;font-size:32px;border-radius:18px}.crm-ai-welcome h3{font-size:24px;margin:16px 0 8px;color:#f3f0ff}.crm-ai-welcome p{color:#bac2df}.crm-ai-welcome>div{display:grid;gap:8px;margin-top:24px}.crm-ai-welcome button{text-align:left;display:flex;justify-content:space-between;gap:10px} .crm-ai-message{background:#1d253c;border:1px solid #6579ad40}.crm-ai-message.user{background:linear-gradient(120deg,#3c2861,#213c64);border-color:#8d7bd95c}.crm-ai-message strong{color:#c5b5ff}.crm-ai-message.user strong{color:#b6deff}.crm-ai-message small{color:#bdcbe7}.crm-ai-dialog textarea{box-sizing:border-box;background:#0c142b;color:#f3f4ff;border:1px solid #666ca0;border-radius:12px;padding:12px;margin-top:8px;font:inherit}.crm-ai-dialog textarea::placeholder{color:#9faac8}.crm-ai-dialog [role=alert]{color:#ffd1da;background:#622d453d;border:1px solid #a3657b66;border-radius:10px;padding:12px}.crm-ai-dialog [role=status]{color:#bfafff}.crm-ai-approvals,.crm-ai-history{border-color:#7a68b466;background:#131b30}.crm-ai-history details{border-color:#63709b55}.crm-ai-launch b{background:#dde8ff;color:#24285a} @media(max-width:600px){.crm-ai-dialog h2{font-size:28px}.crm-ai-welcome{padding:14px 0}.crm-ai-message.user{margin-left:12px}} /* Compact Dave chat window; keep content scrollable on small screens. */ .crm-ai-dialog{width:min(500px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 32px));padding:18px} .crm-ai-dialog header{padding-bottom:12px}.crm-ai-dialog h2{font-size:26px;margin:6px 0}.crm-ai-dialog .fine{margin:10px 0;font-size:11px} .crm-ai-log{height:min(30dvh,260px);padding:10px 0}.crm-ai-welcome{padding:10px 4px}.crm-ai-welcome>.crm-ai-orb{width:40px;height:40px;font-size:26px;border-radius:14px}.crm-ai-welcome h3{font-size:20px;margin:12px 0 6px}.crm-ai-welcome p{margin:6px 0}.crm-ai-welcome>div{margin-top:14px;gap:6px}.crm-ai-dialog textarea{min-height:68px} @media(max-width:600px){.crm-ai-dialog{padding:14px}.crm-ai-dialog h2{font-size:24px}} /* One scrolling panel, with close control and composer always accessible. */ .crm-ai-dialog .crm-ai-log{height:auto;overflow:visible;min-height:120px} .crm-ai-dialog header{position:sticky;top:-18px;z-index:3;background:#111629;padding-top:12px;margin-top:-12px} .crm-ai-dialog header>button{flex-shrink:0;position:relative;align-self:flex-start;box-shadow:0 4px 16px #0005} .crm-ai-dialog form{position:sticky;bottom:-18px;z-index:2;background:#111629;padding:12px 0 4px;border-top:1px solid #6971a466} @media(max-width:600px){.crm-ai-dialog header{top:-14px}.crm-ai-dialog form{bottom:-14px}} /* Non-modal corner panel: the CRM remains usable behind Dave. */ .crm-ai-dialog.crm-ai-floating{position:fixed;inset:auto 20px 20px auto;margin:0;box-sizing:border-box;width:min(390px,calc(100vw - 24px));height:min(530px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);padding:14px;z-index:100;overflow-y:auto} .crm-ai-dialog.crm-ai-floating.crm-ai-expanded{width:min(760px,calc(100vw - 40px));height:min(800px,calc(100dvh - 40px))} .crm-ai-floating header{top:-14px;gap:8px}.crm-ai-floating h2{font-size:24px}.crm-ai-window-controls{display:flex;gap:6px;align-self:flex-start;flex-shrink:0}.crm-ai-dialog .crm-ai-window-controls button{width:34px;height:34px;padding:4px}.crm-ai-floating form{bottom:-14px}.crm-ai-floating .crm-ai-welcome h3{font-size:18px} @media(max-width:600px){.crm-ai-dialog.crm-ai-floating{right:12px;bottom:12px;width:calc(100vw - 24px);height:min(460px,70dvh);max-height:calc(100dvh - 24px)}.crm-ai-dialog.crm-ai-floating.crm-ai-expanded{width:calc(100vw - 24px);height:calc(100dvh - 24px)}} /* Compact typography for Dave only. */ .crm-ai-dialog.crm-ai-floating{font-size:12px;line-height:1.45} .crm-ai-floating h2{font-size:21px} .crm-ai-floating .crm-ai-welcome h3{font-size:16px} .crm-ai-floating .crm-ai-eyebrow{font-size:9px;letter-spacing:.12em} .crm-ai-floating .fine{font-size:10px;line-height:1.4;margin:8px 0} .crm-ai-floating button,.crm-ai-floating textarea{font-size:12px} .crm-ai-floating .crm-ai-message{padding:10px} .crm-ai-floating .crm-ai-message p{font-size:12px;line-height:1.5} @media(max-width:600px){.crm-ai-floating textarea{font-size:16px}} .team-focus-picker{display:flex;align-items:end;gap:12px;flex-wrap:wrap;width:100%}.team-focus-picker label{display:grid;gap:6px;flex:1;min-width:160px;font-size:12px;color:var(--muted)}.team-focus-picker select{width:100%;min-width:0;min-height:44px;color:var(--text,#252525)}.team-focus-picker>.secondary{min-height:44px}.team-focus-bar{padding:16px 28px;background:var(--surface,#fff);border-bottom:1px solid var(--border);position:relative;z-index:2}.team-focus-caption{margin:12px 0 0;font-size:12px;color:var(--muted)}.team-focus-home .home-greeting{font-size:clamp(28px,4vw,42px);margin:12px 0 20px}.team-focus-home .home-hero{padding:28px}.team-focus-home .focus-home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.team-focus-roster{display:grid;gap:12px}.team-focus-roster article{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:18px}.team-focus-roster small{display:block;color:var(--muted);margin-top:6px}@media(max-width:760px){.team-focus-bar{padding:14px 20px}.team-focus-picker{gap:10px}.team-focus-picker label{min-width:0;flex-basis:calc(50% - 5px)}.team-focus-picker select{font-size:13px;padding:10px 28px 10px 10px}.team-focus-picker>.secondary{padding:7px 12px;min-height:36px}.team-focus-caption{font-size:11px}.team-focus-home .home-hero{padding:20px}} .focus-screen>.team-focus-bar{padding:0;border:0;background:transparent}.focus-screen{max-width:1000px}.focus-screen .page-heading{margin-bottom:24px}.focus-screen .team-focus-picker{align-items:end} .focus-screen{padding:24px}@media(max-width:760px){.focus-screen{padding:20px}} .team-focus-home{font-family:inherit}.team-focus-home .home-greeting{font-family:Manrope,sans-serif}.team-focus-home .focus-home-actions{margin-top:20px}.team-focus-home .focus-home-actions .primary{background:var(--home-accent);color:#fff}.team-focus-home .focus-summary{margin-top:24px}.team-focus-home .focus-today{margin-top:24px} .welcome-home{max-width:1100px;margin:0 auto;padding:12px 0 32px}.welcome-hero{background:linear-gradient(120deg,#f4faf2,#fffdf3);border:1px solid #e2ebde;border-radius:24px;padding:clamp(24px,4vw,52px);position:relative}.welcome-sun{display:inline-flex;background:#fff0bc;color:#947014;border-radius:50%;padding:16px;margin-bottom:22px}.welcome-home h1{font-size:clamp(30px,4vw,48px);margin:12px 0 18px;letter-spacing:-1px;color:#234536}.welcome-intro{max-width:660px;font-size:19px;line-height:1.7;color:#526456}.welcome-wins{margin:28px 0;background:#ffffffa8;border-radius:16px;padding:22px 26px}.welcome-wins h2{font-size:20px;margin:0 0 16px}.welcome-wins p{line-height:1.6;margin:9px 0}.welcome-wins p span{color:#428558;margin-right:6px}.welcome-wins small{display:block;color:#748074;margin-top:18px}.welcome-hero>.primary{margin-top:20px;background:#285e40}.welcome-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.welcome-bottom article{background:white;border:1px solid #e3e8df;border-radius:20px;padding:28px;color:#41614c}.welcome-bottom h2{font-size:23px;line-height:1.5;color:#284634}.welcome-bottom p{line-height:1.7}.welcome-why{white-space:pre-wrap;overflow-wrap:anywhere}.welcome-progress{padding:14px;background:#edf7ed;border-radius:12px}.welcome-team-goals{margin-top:24px;padding:20px;background:white;border:1px solid #e3e8df;border-radius:14px}.welcome-team-goals summary{cursor:pointer;color:#42604d}.welcome-team-goals label{margin-top:20px}.personal-goals{margin:22px 0}.personal-goals textarea{min-height:90px}@media(max-width:650px){.welcome-bottom{grid-template-columns:1fr}.welcome-hero{padding:24px}.welcome-wins{padding:18px}} /* Personal Home: palette changes are scoped to this user's home section. */ .personal-home{--home-tint:#f0f7ec;--home-warm:#fff9e9;--home-accent:#356344;--home-ink:#263e30;--home-border:#dce8d7;max-width:1240px} .home-theme-pink{--home-tint:#fff0f5;--home-warm:#fff8ef;--home-accent:#9d3b65;--home-ink:#603447;--home-border:#efd9e2} .home-theme-sky{--home-tint:#edf7ff;--home-warm:#f6fbff;--home-accent:#316488;--home-ink:#2b465b;--home-border:#d5e6f1} .home-theme-lavender{--home-tint:#f3effc;--home-warm:#fcf7ff;--home-accent:#68518d;--home-ink:#493b60;--home-border:#e0d8ef} .home-theme-sunrise{--home-tint:#fff2e5;--home-warm:#fff9ed;--home-accent:#975426;--home-ink:#694329;--home-border:#efdfcc} .personal-home .welcome-hero{background:linear-gradient(115deg,var(--home-tint),var(--home-warm));border-color:var(--home-border);padding:30px 38px} .personal-home h1,.personal-home h2,.personal-home h3{color:var(--home-ink)}.personal-home .eyebrow{color:var(--home-accent);letter-spacing:1.5px}.personal-home .welcome-hero>.primary{background:var(--home-accent);margin-top:8px}.personal-home .welcome-intro{font-size:18px;max-width:770px} .home-hero-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.home-hero-top .welcome-sun{margin-bottom:6px}.home-color-toggle{display:inline-flex;gap:8px;align-items:center;background:#ffffffbf;border:1px solid var(--home-border);border-radius:24px;padding:10px 14px;color:var(--home-accent)} .home-colors{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.home-colors small{flex-basis:100%;color:var(--home-ink)}.home-swatch{padding:9px 14px;border-radius:20px;border:2px solid transparent;color:#333}.home-swatch[aria-pressed=true]{border-color:var(--home-accent)}.swatch-garden{background:#e0eed8}.swatch-pink{background:#f8dce9}.swatch-sky{background:#dcedfa}.swatch-lavender{background:#e8dff7}.swatch-sunrise{background:#ffe7ca} .home-start-hint{font-size:13px;color:var(--home-ink);margin:14px 0 0}.home-day-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:24px}.home-day-card{border:1px solid var(--home-border);background:#fff;border-radius:22px;padding:28px;min-width:0}.home-today{background:linear-gradient(160deg,#fff,var(--home-tint))}.home-day-card h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:12px 0}.home-card-intro,.home-gentle{color:#626861;line-height:1.7}.home-win-list{padding:0;list-style:none;margin:24px 0}.home-win-list li{display:flex;gap:12px;margin:15px 0;line-height:1.6;color:var(--home-ink)}.home-win-list li span{color:var(--home-accent)} .home-goal-win{display:flex;gap:12px;padding:18px;background:var(--home-tint);border-radius:16px;margin:16px 0}.home-goal-win>span{color:var(--home-accent);font-size:23px}.home-goal-win h3,.home-goal-progress h3{font-size:17px;margin:0 0 8px}.home-goal-win p,.home-goal-progress p{font-size:14px;line-height:1.6;margin:6px 0}.home-reward{font-weight:600;color:var(--home-accent)}.home-goal-progress{padding:18px 0}.personal-home progress{width:100%;height:9px;accent-color:var(--home-accent)}.home-goal-progress small{display:block;margin-top:6px;color:#61665f}.home-streak{padding:12px 0;line-height:1.6;color:var(--home-accent);font-weight:600}.home-goal-direction{font-size:14px;color:var(--home-ink);margin-top:18px}.home-goal-direction summary{cursor:pointer}.home-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:12px 4px;color:#686e68}.home-status .text-button{display:inline-flex;align-items:center;gap:6px}.personal-home .welcome-bottom article{border-color:var(--home-border)}.personal-home .welcome-bottom h2{font-size:20px}.personal-home .welcome-bottom .text-button{color:var(--home-accent)} @media(max-width:760px){.home-day-grid{grid-template-columns:1fr}.personal-home .welcome-hero{padding:24px}.home-day-card{padding:23px}.home-color-toggle{font-size:12px}.home-hero-top .welcome-sun{padding:12px}} .home-theme-mint{--home-tint:#e9faf1;--home-warm:#f4fffa;--home-accent:#2e7657;--home-ink:#284d3b;--home-border:#cde9db}.swatch-mint{background:#e9faf1} .home-theme-ocean{--home-tint:#e5f6f8;--home-warm:#eefaff;--home-accent:#236a79;--home-ink:#244851;--home-border:#c7e5ea}.swatch-ocean{background:#e5f6f8} .home-theme-rose{--home-tint:#fcecef;--home-warm:#fff5f4;--home-accent:#a14760;--home-ink:#643a46;--home-border:#edd0d9}.swatch-rose{background:#fcecef} .home-theme-peach{--home-tint:#fff0e8;--home-warm:#fff8f1;--home-accent:#a35b3f;--home-ink:#714a38;--home-border:#f1d8c8}.swatch-peach{background:#fff0e8} .home-theme-slate{--home-tint:#edf1f6;--home-warm:#f6f8fb;--home-accent:#536782;--home-ink:#344155;--home-border:#d7dfea}.swatch-slate{background:#edf1f6} .home-team-wins{display:grid;gap:18px}.home-team-wins h3{font-size:18px;margin:0 0 10px}.home-team-wins dl{margin:0}.home-team-wins dl>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0}.home-team-wins dd{margin:0;font-weight:700;text-align:right}.home-team-total{border-top:1px solid #ddd;font-weight:800} .notification-settings{margin:24px 0}.notification-settings h3{margin-bottom:8px}.notification-settings fieldset,.push-device{border:1px solid #dce6df;border-radius:14px;padding:18px;margin:16px 0;background:#f8fbf8}.notification-settings legend{font-weight:700}.notification-settings label{display:flex;align-items:center;gap:10px;margin:12px 0}.notification-settings input[type=checkbox]{width:18px;height:18px;flex-shrink:0}.notification-settings small{display:block;color:#637169;line-height:1.5}.notification-presets,.quiet-hours{display:flex;gap:12px;flex-wrap:wrap}.quiet-hours label{display:flex;flex-direction:column;align-items:flex-start}.quiet-hours input,.quiet-hours select{max-width:240px}.push-device button{margin-right:10px}.notification-settings p{line-height:1.6} .home-momentum{--momentum-ink:#292337;--momentum-muted:#706b80;--momentum-line:#e9e5ef;--momentum-violet:#7954c9;--momentum-rose:#bd587a;background:linear-gradient(122deg,#fff 45%,#faf8fe);border:1px solid var(--momentum-line);border-radius:24px;padding:24px;color:var(--momentum-ink);box-shadow:0 12px 32px #44306007;min-width:0;margin:22px 0}.home-momentum *{box-sizing:border-box}.home-momentum .home-momentum-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.home-momentum .home-momentum-eyebrow{display:block;color:var(--momentum-violet);font-size:10px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;margin-bottom:7px}.home-momentum .home-momentum-header h2{font-size:20px;letter-spacing:-.035em;line-height:1.2;color:var(--momentum-ink);margin:0 0 5px}.home-momentum .home-momentum-header p{font-size:12px;color:var(--momentum-muted);margin:0}.home-momentum .home-momentum-periods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;gap:3px;border:1px solid #e7e0f1;border-radius:12px;background:#f6f3fa;max-width:100%}.home-momentum .home-momentum-periods button{color:#71677d;border:0;border-radius:8px;background:transparent;padding:8px 11px;min-height:36px;min-width:0;font-family:inherit;font-size:11px;font-weight:650;box-shadow:none;cursor:pointer;white-space:nowrap}.home-momentum .home-momentum-periods button[aria-pressed=true]{background:#fff;color:#6746a0;box-shadow:0 2px 7px #55317414}.home-momentum button:focus-visible,.home-momentum summary:focus-visible{outline:2px solid #7051ba;outline-offset:3px}.home-momentum .home-momentum-caption{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--momentum-muted);font-size:10px;line-height:1.5;margin:19px 0 12px}.home-momentum .home-momentum-caption span:last-child{color:#80718e}.home-momentum .home-momentum-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--momentum-line);border-radius:17px;background:#fff;overflow:hidden}.home-momentum .home-momentum-card{padding:20px 17px 18px;min-width:0;border-left:1px solid var(--momentum-line);position:relative}.home-momentum .home-momentum-card:first-child{border-left:0}.home-momentum .home-momentum-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#5a5269;font-size:11px;font-weight:650}.home-momentum .home-momentum-card-heading svg{color:#ab9bbd}.home-momentum .home-momentum-value-row{display:flex;align-items:center;gap:6px;margin:15px 0 13px;min-height:48px}.home-momentum .home-momentum-value-row>strong{font-size:34px;line-height:1.1;font-weight:630;letter-spacing:-.065em;flex-shrink:0;font-variant-numeric:tabular-nums}.home-momentum .home-momentum-value-row>strong>small{font-size:10px;letter-spacing:0;color:var(--momentum-muted);font-weight:500;display:block;margin-top:4px}.home-momentum .home-momentum-sparkline{width:100%;max-width:112px;min-width:30px;margin-left:auto;height:46px;overflow:visible;color:var(--momentum-violet)}.home-momentum .home-momentum-sits .home-momentum-sparkline{color:#5296b6}.home-momentum .home-momentum-sales .home-momentum-sparkline{color:var(--momentum-rose)}.home-momentum .home-momentum-gap .home-momentum-sparkline{color:#5c8e97}.home-momentum .home-momentum-sparkline path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.home-momentum .home-momentum-sparkline .home-momentum-baseline{stroke:#efecf4;stroke-width:1}.home-momentum .home-momentum-sparkline circle{fill:currentColor;stroke:#fff;stroke-width:1}.home-momentum .home-momentum-graph-empty{font-size:9px;line-height:1.4;color:#94869f;margin-left:auto;max-width:67px;text-align:right}.home-momentum .home-momentum-change{display:flex;flex-wrap:wrap;align-items:center;gap:4px;color:#86788e;min-height:18px;font-size:10px}.home-momentum .home-momentum-change strong{font-weight:700}.home-momentum .home-momentum-change.up>svg,.home-momentum .home-momentum-change.up>strong{color:#297964}.home-momentum .home-momentum-change.down>svg,.home-momentum .home-momentum-change.down>strong{color:#b95673}.home-momentum .home-momentum-difference{display:block;font-size:9px;color:#85788f;margin-top:5px;font-variant-numeric:tabular-nums}.home-momentum .home-momentum-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:15px;color:var(--momentum-muted);font-size:11px}.home-momentum .home-momentum-footer details{min-width:0;flex:1}.home-momentum .home-momentum-footer summary{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:11px;list-style:none}.home-momentum .home-momentum-footer summary::-webkit-details-marker{display:none}.home-momentum .home-momentum-footer summary::after{content:'+';margin-left:3px}.home-momentum .home-momentum-footer details[open] summary::after{content:'−'}.home-momentum .home-momentum-footer details p{margin:10px 0 0;font-size:11px;line-height:1.65;max-width:75ch}.home-momentum .home-momentum-report-link{display:flex;align-items:center;gap:6px;flex-shrink:0;border:0;padding:0;background:transparent;color:#75519f;font-size:11px;font-weight:650;min-height:20px;cursor:pointer;box-shadow:none}.home-momentum .home-momentum-message{padding:11px 14px;border:1px solid #e4dfee;background:#f8f6fb;border-radius:12px;font-size:12px;line-height:1.5;margin:12px 0;color:#685975}.home-momentum .home-momentum-message button{border:0;background:transparent;padding:0 0 0 6px;font-size:inherit;min-height:30px;color:#6b3fa7;text-decoration:underline;cursor:pointer}.home-momentum [aria-busy=true] .home-momentum-value-row>strong{color:#9c91aa}@media(max-width:1050px){.home-momentum .home-momentum-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.home-momentum .home-momentum-card:nth-child(3){border-left:0}.home-momentum .home-momentum-card:nth-child(n+3){border-top:1px solid var(--momentum-line)}.home-momentum .home-momentum-sparkline{max-width:135px}}@media(max-width:600px){.home-momentum{padding:18px 14px;border-radius:19px;margin:16px 0}.home-momentum .home-momentum-header{gap:15px}.home-momentum .home-momentum-header h2{font-size:19px}.home-momentum .home-momentum-periods{width:100%}.home-momentum .home-momentum-periods button{font-size:11px;min-height:38px;padding:8px 3px}.home-momentum .home-momentum-card{padding:17px 12px}.home-momentum .home-momentum-value-row{flex-wrap:wrap;gap:3px;margin:11px 0}.home-momentum .home-momentum-value-row>strong{font-size:30px}.home-momentum .home-momentum-sparkline{min-width:42px;max-width:72px;flex:1}.home-momentum .home-momentum-footer{flex-direction:column;gap:14px}.home-momentum .home-momentum-report-link{min-height:30px}.home-momentum .home-momentum-change{font-size:9px}.home-momentum .home-momentum-change span{flex-basis:100%}}@media(prefers-reduced-motion:no-preference){.home-momentum .home-momentum-periods button{transition:background .15s ease,color .15s ease,box-shadow .15s ease}}.pipeline-panel{padding:24px}.pipeline-panel>label{display:grid;gap:8px;max-width:320px;margin-bottom:24px}.pipeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:24px}.pipeline-card{border:1px solid var(--border);border-radius:14px;background:white;padding:22px}.pipeline-card-heading{display:flex;align-items:start;gap:14px;justify-content:space-between}.pipeline-card-heading h2{margin-bottom:12px}.pipeline-estimate{border-top:1px solid var(--border);padding-top:16px;display:grid;gap:8px}.pipeline-estimate strong{font-size:1.35rem}.pipeline-editor{width:min(850px,94vw)}.pipeline-editor header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.pipeline-editor fieldset{border:0;padding:0}.pipeline-editor label{display:grid;gap:8px;margin:12px 0}.pipeline-editor .form-grid{gap:16px}.pipeline-editor .form-grid label{margin:0}.pipeline-editor .pipeline-check{display:flex;align-items:center;gap:12px;margin:24px 0}.pipeline-check input{width:20px;flex-shrink:0}.pipeline-participant{border:1px solid var(--border);padding:18px;border-radius:12px;margin:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.pipeline-editor pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}.pipeline-editor details{margin:22px 0}.pipeline-editor form>.primary{margin-top:20px}@media(max-width:600px){.pipeline-panel{padding:18px}.pipeline-grid{grid-template-columns:1fr}.pipeline-participant{grid-template-columns:1fr}.pipeline-editor button.primary{width:100%}} .pipeline-plan{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.pipeline-pay-stage{display:grid;gap:8px;padding:16px 0;border-top:1px solid var(--border)}.pipeline-pay-stage small{color:var(--muted)} .pipeline-panel>.range-fields{margin-bottom:24px} .team-accounts>.panel{padding:24px;margin-bottom:24px}.team-account-filters{display:flex;gap:16px;flex-wrap:wrap;margin:22px 0}.team-account-filters label{flex:1;min-width:180px}.team-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.team-account-grid .team-member{border:1px solid #e0e2e6;border-radius:14px;background:#fff;padding:20px;display:flex;flex-direction:column;align-items:stretch;gap:18px;margin:0}.team-member strong{font-size:1.05rem}.team-member small{display:block;color:#686c74;line-height:1.7;margin-top:6px}.team-accounts .detail-dialog label{display:grid;gap:8px;margin:16px 0}.team-accounts .detail-dialog .form-grid{gap:16px}.team-accounts>.panel:last-of-type .team-member{padding:18px 0;border-bottom:1px solid #eee}.team-accounts .detail-dialog .primary{min-height:48px}@media(max-width:600px){.team-accounts>.panel{padding:18px}.team-account-grid{grid-template-columns:1fr}.team-account-filters{flex-direction:column}.team-account-grid .secondary{width:100%}} .team-accounts .detail-dialog .form-grid label{margin:0}.team-accounts .detail-dialog form{margin-top:20px}.team-accounts .detail-dialog form>button{margin-top:20px;width:100%} .backdate-review{margin:24px 0;padding:18px;border:1px solid var(--border);border-radius:10px}.backdate-review ul{max-height:240px;overflow:auto;padding-left:20px}.backdate-review li{padding:8px 0;overflow-wrap:anywhere} .scoreboard:fullscreen{background:#f6f8fa;overflow:auto;padding:30px}.scoreboard-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.scoreboard-columns section,.scoreboard-report{padding:20px}.scoreboard-report{margin-top:20px}.table-scroll{overflow:auto} .scoreboard table{width:100%;border-collapse:collapse;font-size:13px}.scoreboard td,.scoreboard th{padding:10px;border-bottom:1px solid #e5e8eb;text-align:left;white-space:nowrap}.scoreboard th{background:#eef4ee}.scoreboard-columns section:first-child{border-top:4px solid #e58c33}.scoreboard p{color:#647068}@media(max-width:1000px){.scoreboard-columns{grid-template-columns:1fr}} .scoreboard tfoot th,.scoreboard tfoot td{background:#e7f1e8;font-weight:750;border-top:2px solid #a9c9af;border-bottom:0} .scoreboard h2{font-weight:900}.scoreboard-period-date{margin:4px 0 12px;font-size:13px;color:#555} .leaderboard{padding:30px;max-width:1000px}.leaderboard>p{color:#686c74}.leader-tabs{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}.leader-controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:24px 0}.leader-controls label{flex:1;min-width:145px}.leader-controls input{min-width:0}.leader-range{font-size:13px}.leader-list{padding:0;list-style:none;display:grid;gap:12px}.leader-list li{display:flex;align-items:center;gap:18px;border:1px solid #e5e5e5;border-radius:12px;padding:23px 20px;background:#fff}.leader-rank{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:#f0f0f0;font-weight:800}.leader-name{flex:1;font-weight:700;overflow-wrap:anywhere;min-width:0}.leader-name small{display:block;color:#ad510e}.leader-score{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;justify-content:flex-end}.leader-score strong{font-size:32px;white-space:nowrap}.leader-score strong span{font-size:16px;font-weight:500}.leader-score>small{font-size:13px;color:#666;align-self:flex-end;padding-bottom:4px;white-space:nowrap}.leader-score>small span{font-size:11px}.leader-definition{font-size:12px;line-height:1.6;margin-top:24px}.leader-empty{padding:35px 15px;text-align:center;background:#f7f7f7;border-radius:12px}@media(max-width:600px){.leaderboard{padding:18px 12px}.leader-list li{gap:10px;padding:18px 10px}.leader-rank{width:28px;height:28px}.leader-name{font-size:14px}.leader-score{gap:6px;max-width:155px}.leader-score strong{font-size:27px}.leader-score strong span{font-size:13px}.leader-score>small{font-size:12px}.leader-controls{gap:10px}} .leader-all-stats{display:flex;gap:12px;flex-wrap:wrap;color:#92969d;font-size:12px;justify-content:center}.leader-list .leader-self{background:#20252d;color:#fff;border-color:#20252d}.leader-self .leader-rank{background:#fff;color:#20252d}.leader-self .leader-name small{color:#ffc18e}.leader-self .leader-all-stats,.leader-self .leader-score>small{color:#ccd0d6}.leader-list .leader-personal{margin-top:18px;border-top:3px solid #f47721}@media(max-width:600px){.leader-list li{display:grid;grid-template-columns:30px minmax(0,1fr) auto}.leader-all-stats{grid-column:2 / -1;grid-row:2;justify-content:flex-start;gap:14px}.leader-score{grid-column:3;grid-row:1}.leader-rank{font-size:12px}} .leader-list li.leader-self{background:#111;color:#fff;border:2px solid #111;box-shadow:none}.leader-self .leader-name,.leader-self .leader-score strong{color:#fff}.leader-self .leader-name small{color:#ddd}.leader-list .leader-personal{border-top-color:#111} /* Native mobile month/date controls must fit the filter column. */ .leader-controls>label{min-width:0;max-width:100%;flex:1 1 145px} .leader-controls input,.leader-controls select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-inline-size:0} .leader-controls input[type=month],.leader-controls input[type=date]{appearance:none;-webkit-appearance:none;display:block} .leader-controls input::-webkit-date-and-time-value{min-width:0;text-align:left} .leader-controls input::-webkit-datetime-edit{min-width:0;padding:0} .leader-export-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;color:#686c74;font-size:13px}.leader-export-row button{white-space:nowrap} .leader-scope-switch{display:inline-flex;width:fit-content;gap:3px;padding:4px;background:#f0f1f3;border-radius:999px}.leader-scope-switch button{min-width:112px;border-radius:999px}.leader-scope-switch button.primary{box-shadow:0 2px 6px #1b222b20} @media(max-width:600px){.leader-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.leader-controls>label{width:100%}} @media(max-width:420px){.leader-export-row{align-items:flex-start;flex-direction:column}.leader-export-row button{width:100%}.leader-scope-switch{display:flex;width:100%}.leader-scope-switch button{flex:1;min-width:0}} .reports{padding:24px}.reports>p{color:#666;line-height:1.6}.report-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:20px 0}.report-controls label{min-width:160px;flex:1}.report-controls h3{flex:1}.report-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.report-metrics button{display:flex;flex-direction:column;align-items:start;gap:12px;padding:18px}.report-metrics strong{font-size:28px}.report-table{overflow-x:auto}.report-table table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}.report-table th,.report-table td{padding:14px 12px;border-bottom:1px solid #eee}.report-table th{background:#f7f7f7;font-size:12px}.report-filter{background:#fff2e8;padding:12px;display:flex;justify-content:space-between;align-items:center}@media(max-width:600px){.reports{padding:14px}.report-controls label{min-width:130px}.report-table th,.report-table td{padding:12px 8px}} @media(max-width:760px){.app-shell .sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .sidebar nav button{min-width:0}.reports{min-width:0}.report-controls input{min-width:0;width:100%}} .report-toggle{display:flex!important;align-items:center;gap:8px;min-width:0!important;flex:0 1 auto!important}.report-toggle input{width:auto!important}.reports [hidden]{display:none!important}.reports summary{cursor:pointer;padding:10px}.report-table th button{font:inherit;text-align:left;} .analysis-dropdown{border:1px solid #ddd;border-radius:8px;padding:8px;max-width:320px;background:#fff}.analysis-dropdown[open]{max-height:320px;overflow:auto}.analysis-option{display:flex;justify-content:space-between;gap:16px;margin:8px 0}.analysis-active p{font-size:13px;background:#f5f5f5;padding:8px;border-radius:6px} /* Current controls: equal field sizes and breathing room on narrow screens. */ .report-controls label:not(.report-toggle){min-width:0;flex:1 1 160px} .report-controls label:not(.report-toggle)>input,.report-controls label:not(.report-toggle)>select{box-sizing:border-box;width:100%;min-width:0;height:44px} .report-controls input[type=date],.report-controls input[type=month]{appearance:none;-webkit-appearance:none} .report-controls input::-webkit-date-and-time-value{min-width:0;text-align:left} @media(max-width:600px){.report-controls{gap:12px}.report-controls label:not(.report-toggle){flex-basis:calc(50% - 12px)}} .report-export-menu{position:relative;margin-left:auto}.report-export-menu>summary{cursor:pointer;font-weight:700;padding:10px 16px;border:1px solid #ddd5e8;border-radius:10px}.report-export-menu>div{position:absolute;right:0;z-index:8;width:min(340px,80vw);padding:16px;border:1px solid #ddd5e8;background:#fff;box-shadow:0 12px 36px #281a3326;border-radius:14px;display:grid;gap:9px;max-height:70vh;overflow:auto;font-size:12px}.report-export-menu p{margin:0;overflow-wrap:anywhere} .calendar-panel{padding:24px}.calendar-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.calendar-toolbar label{margin:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekday{text-align:center;padding:8px;font-size:12px;color:#737b86}.calendar-day{min-height:100px;background:#fafbfc;border:1px solid #e4e8ed;border-radius:10px;text-align:left;padding:12px;display:flex;flex-direction:column;gap:6px;color:#283445}.calendar-day small{font-size:12px;color:#707986}.calendar-day.chosen{background:#fff3e8;border:2px solid #e7792b}.calendar-day.today strong{text-decoration:underline}.calendar-details{margin-top:28px;border-top:1px solid #e4e8ed;padding-top:20px}.calendar-lead{width:100%;display:flex;justify-content:space-between;text-align:left;padding:16px;background:white;border:0;border-bottom:1px solid #e5e9ef;gap:16px}.calendar-lead span{display:flex;flex-direction:column;gap:5px}.calendar-lead small{color:#737b86}.calendar-lead:hover{background:#f6f8fa}@media(max-width:600px){.calendar-panel{padding:10px}.calendar-grid{gap:3px}.calendar-day{padding:6px;min-height:83px}.calendar-day small{font-size:10px}.calendar-toolbar{gap:5px;flex-wrap:wrap}} .calendar-month-totals{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 20px;color:#667080}.calendar-month-totals strong{font-size:24px;color:#283445;margin-right:6px}.calendar-day .calendar-sales{color:#23804d} .appointment-view-switch{margin:16px 0}.appointment-view-switch .day-tabs{display:inline-flex;padding:5px;background:#fff;border:1px solid #e4e8ed;border-radius:12px} .manager-scope{padding:16px 22px;margin-bottom:20px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.manager-scope label{min-width:220px}.manager-scope p{color:var(--muted);margin:0}.manager-queue{padding:20px}.manager-search{margin:16px 0;width:100%}.manager-queue-row{font:inherit;background:#fff;border:0;border-top:1px solid var(--border);width:100%;padding:18px 4px;text-align:left;color:inherit;display:grid;grid-template-columns:2fr 1fr 1.5fr auto;gap:20px;align-items:center}.manager-queue-row:hover{background:#f7faf7}.manager-queue-row span{display:flex;flex-direction:column;gap:7px}.manager-queue-row small{color:var(--muted)}.manager-queue-row .badge{align-self:flex-start}.sidebar nav .queue-count{margin-left:auto;background:#e8eee9;color:#22452d;border-radius:20px;padding:3px 8px;font-size:12px;min-width:26px;text-align:center}.sidebar nav .urgent-count{background:#ffe0dd;color:#a42e20}.manager-view-toggle{margin:0 12px;white-space:nowrap}@media(max-width:760px){.manager-queue-row{grid-template-columns:1fr 1fr;gap:12px}.manager-queue-row .manager-steps{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}.manager-view-toggle{font-size:12px;margin:0}.manager-queue{padding:14px}.topbar{flex-wrap:wrap;gap:8px}} .sidebar nav .queue-count{flex:0 0 auto;min-width:24px;width:auto}.sidebar nav button>span:first-of-type{min-width:0}.sidebar nav button svg{flex-shrink:0} .badge.setter-appointment-tag{background:#151515;color:#c8c8cc;border:1px solid #444;font-weight:700;width:fit-content;line-height:1.4;} /* The website keeps its left sidebar. Installed apps and small screens use a drawer. */ .app-shell:has(>.universal-navigation-bar){display:block} .app-shell>.universal-navigation-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#181a1c;padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top));position:sticky;top:0;z-index:20} .app-shell>.universal-navigation-bar~.workspace{margin-left:0;width:100%} .fellas-theme>.universal-navigation-bar{background:#fff;color:#222;border-bottom:1px solid #e4e4e4} .navigation-drawer.universal-navigation-drawer{inset:0 auto 0 0;margin:0;width:min(360px,92vw);height:100%;height:100dvh;overflow:visible} .universal-navigation-drawer>.sidebar{position:relative;inset:auto;width:100%;height:100%;display:flex;flex-direction:column;padding:16px 20px max(12px,env(safe-area-inset-bottom));overflow:hidden;border-radius:0 16px 16px 0} .universal-navigation-drawer .drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0} .universal-navigation-drawer .drawer-heading .brand{font-size:.8rem} .universal-navigation-drawer .workspace-label{display:block;margin:24px 12px 12px;flex-shrink:0} .app-shell .universal-navigation-drawer .sidebar nav{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;gap:5px;padding:4px;margin-top:0;scrollbar-width:thin} .universal-navigation-drawer .sidebar nav button{flex-shrink:0;width:100%;min-height:46px} .universal-navigation-drawer .sidebar-note{display:none} .universal-navigation-drawer .sidebar .user-block{position:static;inset:auto;display:flex;flex-shrink:0;margin-top:12px;padding:16px 0 0} .universal-navigation-drawer .sidebar .brand small{display:block} .confirmation-contact-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 16px;padding:10px 12px;margin:0 0 16px;border:1px solid var(--border,#e4e6e9);border-radius:9px;background:var(--surface-soft,#f8f9fb);font-size:.8125rem;line-height:1.45;min-width:0}.confirmation-contact-summary>*{min-width:0;overflow-wrap:anywhere}.confirmation-contact-name{font-weight:650}.confirmation-contact-phone a{font-size:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}.confirmation-contact-address,.confirmation-contact-schedule{color:var(--muted,#606873)}@media(max-width:540px){.confirmation-contact-summary{grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 12px}} .workflow{border-top:1px solid #e4e6e9;padding-top:25px;margin-top:26px}.workflow-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.workflow-heading h3{margin:0}.workflow-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:22px 0;font-size:.8rem;color:#747980}.workflow-progress span{border-bottom:3px solid #e0e3e7;padding-bottom:10px}.workflow-progress .complete{color:#247457;border-color:#65aa89}.workflow-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:5px;border-radius:7px;background:#f1f3f5;margin:0 0 22px}.workflow-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:0;background:transparent;border-radius:5px;padding:10px 8px;font-size:.875rem;color:#606873;min-height:42px}.workflow-tabs button[aria-selected=true]{background:white;color:#a14c12;box-shadow:0 1px 4px #0001;font-weight:650}.workflow-form fieldset{padding:0;margin:0;border:0;min-width:0}.workflow-form fieldset:disabled{opacity:.6}.workflow-form .primary{margin-top:20px}.workflow-form>p,.issue-panel>p{font-size:.9rem}.workflow-form label{font-size:.875rem}.workflow-form textarea{white-space:pre-wrap}.workflow-history h4{font-size:.94rem;margin:22px 0 12px}.workflow-history article{padding:14px;border-left:3px solid #f47721;background:#f8f9fa;margin-bottom:10px;border-radius:0 5px 5px 0}.workflow-history article strong{display:block;font-size:.9rem;font-weight:600}.workflow-history article small{display:block;margin-top:7px;color:#747b85;font-size:.8rem}.workflow-history article p{margin:10px 0 0;font-size:.875rem;white-space:pre-wrap}.issue-checks{list-style:none;padding:0;display:grid;gap:13px;font-size:.9rem}.issue-checks li{display:flex;gap:10px;align-items:center}.issue-checks svg{color:#666}.workflow .message p{margin:8px 0}.workflow .message .text-button{display:block}.detail-dialog{width:min(800px,calc(100% - 30px));inset:5% 0 auto;max-height:90vh}.detail-dialog::backdrop{background:#10101080}.detail-dialog{box-shadow:0 20px 70px #0003}@media(max-width:760px){.workflow-heading{align-items:start}.workflow-heading .badge{font-size:.7rem;padding:5px}.workflow-tabs{gap:2px}.workflow-tabs button{font-size:.8rem;flex-direction:column;gap:4px;padding:8px 4px}.workflow-progress{font-size:.75rem}.workflow-form .primary,.issue-panel>.primary{width:100%}.detail-dialog{padding:20px}.workflow-form .form-grid{gap:16px}} .issue-sharing{padding:16px;border:1px solid var(--border);border-radius:8px;margin:18px 0}.issue-sharing label{display:flex;flex-direction:row;gap:12px;align-items:center;margin-bottom:14px}.issue-sharing input{width:20px;height:20px;flex-shrink:0} .disposition{margin-top:28px;border-top:1px solid var(--border);padding-top:24px}.disposition fieldset{border:0;padding:0;margin:0;min-width:0}.disposition label{margin-bottom:18px}.dispo-check{display:flex;flex-direction:row;align-items:flex-start;gap:12px;line-height:1.6}.dispo-check input{width:20px;height:20px;flex-shrink:0;margin-top:3px}.dispo-locked{padding:18px;background:#f2f8f3;border:1px solid #d1e5d3;border-radius:8px}.disposition dt{font-size:.8rem;color:var(--muted);margin-top:12px}.disposition dd{margin:5px 0 16px;overflow-wrap:anywhere;white-space:pre-wrap}.disposition .actions{margin-top:22px} .dispo-history{margin-top:22px}.dispo-history summary{cursor:pointer;font-weight:600;padding:12px 0}.dispo-history article{padding:16px 0;border-top:1px solid var(--border)}.dispo-history p{margin:8px 0;white-space:pre-wrap}.disposition fieldset>.secondary{margin-left:12px} .dispo-locked.terminal-red{background:#fee2e2;color:#991b1b;border-color:#f5b3b3}.dispo-locked.terminal-purple{background:#f0e5ff;color:#6b21a8;border-color:#d8b4fe} .followup-visit{margin-top:24px;padding-top:20px;border-top:1px solid var(--border);display:grid;gap:16px;min-width:0} .appointment-more{margin:12px 0;min-width:0}.appointment-more>summary{cursor:pointer;padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-weight:600;list-style:none;min-height:44px;box-sizing:border-box}.appointment-more>summary::-webkit-details-marker{display:none} .sale-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0;align-items:stretch}.sale-actions button{white-space:normal;min-height:44px;max-width:100%;height:auto} .property-sales form,.followup-visit form{margin-top:16px}.linked-sales{margin-top:20px}.linked-sales>summary{cursor:pointer;padding:14px 0}.linked-sales article{padding:12px 0;border-top:1px solid var(--border)}.delete-added-sale{padding:16px;border:1px solid var(--border);border-radius:8px} @media(max-width:600px){.sale-actions{display:grid;grid-template-columns:minmax(0,1fr)}.sale-actions button,.followup-visit .actions button{width:100%;margin:0!important}.followup-visit .actions{display:grid;gap:12px}.followup-visit .form-grid,.property-sales .form-grid{grid-template-columns:minmax(0,1fr)}} .no-sale-picker{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid #ddd;border-radius:16px;padding:20px}.no-sale-picker::backdrop{background:#0008}.no-sale-options{display:grid;gap:8px}.no-sale-options button{white-space:normal;text-align:left;min-height:44px} .focus-appt-list{display:grid;gap:12px}.focus-appt{display:grid;grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) minmax(180px,1.5fr) 20px;gap:20px;align-items:center;width:100%;background:white;border:1px solid #e1e1e1;border-radius:12px;padding:18px;text-align:left;color:#171717}.focus-appt:hover{border-color:#f47721;background:#fffaf5}.focus-appt small{display:block;color:#626262;margin-top:7px;line-height:1.45}.focus-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:24px 0}.focus-calendar button{min-height:80px;display:grid;gap:5px;padding:8px}.focus-calendar small{font-size:11px}@media(max-width:760px){.focus-appt{grid-template-columns:1fr;gap:10px}.focus-appt>svg{display:none}.focus-calendar{gap:3px}.focus-calendar button{padding:5px;min-height:64px}.focus-calendar strong{font-size:12px}} /* Keep the setter workspace on the same typography and components as call center. */ .fellas-theme .manager-queue>h1{margin:4px 0 24px}.focus-periods{overflow-x:auto;white-space:nowrap;margin-bottom:20px}.focus-periods button{flex:0 0 auto}.focus-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 24px}.fellas-theme .list-toolbar{padding:16px 0 24px;align-items:end;flex-wrap:wrap}.fellas-theme .list-toolbar label{flex:1;min-width:180px}.setter-splits{margin-top:24px;padding:24px!important}.setter-split-row{margin:24px 0;align-items:end}.setter-splits>button{margin:0 0 16px}.setter-splits>p:last-child{margin:0}.recorded-day .page-heading{margin-bottom:24px}.activity-filters{display:flex;gap:18px;margin-bottom:24px;flex-wrap:wrap}.activity-filters label{flex:1;min-width:160px}.activity-person{padding:24px;margin-bottom:20px}.activity-person>header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.activity-person h2{margin:0}.activity-person .stats{margin-bottom:20px}.activity-person .stat{background:#fafbfc}.activity-session{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border:1px solid var(--border);border-radius:10px;margin-top:10px;background:#fff}.activity-session small{display:block;color:var(--muted);margin-top:6px}.activity-session>strong{white-space:nowrap;color:#a4561f;font-size:.9rem}.activity-person .muted{margin-bottom:0}.fellas-theme .calendar-grid{margin-top:24px}.fellas-theme .calendar-panel>h1{margin-bottom:24px}@media(max-width:760px){.focus-summary{gap:8px}.focus-summary .stat{padding:14px 10px}.focus-summary .stat strong{font-size:1.6rem}.focus-summary .stat>div>span{font-size:.72rem}.setter-splits{padding:18px!important}.setter-split-row{gap:14px;margin:20px 0}.activity-person{padding:18px}.activity-session{align-items:start;flex-direction:column;gap:8px}.focus-periods button{flex:0 0 auto}.fellas-theme .manager-queue{padding:14px}.fellas-theme .calendar-panel{padding:14px}} .fellas-theme .workspace,.fellas-theme .content{background:#f5f6f8}.focus-home-stat{color:#252525;text-align:left;font:inherit}.focus-home-stat:hover{border-color:var(--orange)}.focus-today{padding:24px}.focus-today .focus-appt{margin-top:12px}.fellas-theme .manager-queue .appointment-row{border-radius:0}.fellas-theme .manager-queue .list-toolbar{padding:18px 8px}.fellas-theme .manager-queue .list-caption{padding-top:20px}.focus-summary .stat strong{font-size:2rem}.focus-summary .stat{padding:20px}.fellas-theme .list-toolbar input,.fellas-theme .list-toolbar select{min-width:0;max-width:100%}@media(max-width:760px){.fellas-theme .workspace>.topbar{display:none!important}.focus-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.focus-summary .stat{padding:20px 16px;min-height:112px}.focus-summary .stat>div>span{font-size:.85rem}.focus-periods{flex-wrap:wrap;overflow:visible;white-space:normal}.focus-periods button{flex:1 0 22%;min-height:48px}.fellas-theme .list-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.fellas-theme .list-toolbar label{min-width:0;width:100%}.focus-today{padding:18px}.fellas-theme .page-heading>.primary{width:100%}} .focus-appointment-group{margin:26px 0 0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}.focus-appointment-group>header{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--border);background:#fafbfc}.focus-appointment-group>header h2{margin:0;font:700 12px/18px 'DM Sans',sans-serif;border:1.5px solid currentColor;border-radius:999px;padding:5px 13px;background:white}.focus-appointment-group>header>span{font-size:12px;color:var(--muted)}.focus-appointment-group.group-green>header h2{color:#15803d}.focus-appointment-group.group-blue>header h2{color:#2563eb}.focus-appointment-group.group-purple>header h2{color:#7c3aed}.focus-appointment-group.group-red>header h2{color:#dc2626}.focus-appointment-group>.appointment-row{margin-top:0!important;padding-top:20px!important;position:static!important}.focus-appointment-group>.appointment-row::before{display:none!important} .calendar-lead{color:#252525;font:inherit;border-radius:10px;margin-top:10px;border:1px solid var(--border)}.calendar-lead strong{color:#252525}.calendar-details .day-tabs{flex-wrap:wrap;gap:3px}.calendar-details .day-tabs button{min-height:44px}.calendar-month-totals{gap:18px}.calendar-day{min-width:0}.record-name{border:0;background:none;color:#252525;padding:0;text-align:left;font:700 1.1rem 'Manrope',sans-serif}.record-name span{display:block;margin-top:7px;color:#686c74;font:400 .8rem 'DM Sans',sans-serif}@media(max-width:600px){.calendar-toolbar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px}.calendar-toolbar>button:last-child{grid-column:1/-1}.calendar-toolbar input{min-width:0}.calendar-day{padding:5px 3px;gap:7px}.calendar-day small{font-size:9px}.calendar-month-totals{display:grid;grid-template-columns:1fr 1fr;gap:16px}.calendar-lead{flex-direction:column;padding:16px;gap:12px}.calendar-details{margin-top:24px}.activity-person .activity-session{padding:16px}} .setter-performance{padding:24px}.setter-performance .leader-list{margin:24px 0}.performance-table{width:100%;border-collapse:collapse;font-size:.85rem}.performance-table th,.performance-table td{padding:16px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border)}.performance-table thead{background:#f7f8fa;color:#686c74}.performance-table tfoot{background:#fff4e9;font-weight:700}.setter-performance>.fine:last-child{margin-top:24px}@media(max-width:760px){.setter-performance{padding:16px}.setter-performance .leader-all-stats{flex-wrap:wrap}} .sidebar>.focus-exit{flex-shrink:0;position:static;margin-top:12px;min-height:44px} .finance-panel{padding:24px;margin-top:20px}.finance-scroll{overflow:auto;margin:20px 0}.finance-scroll table{width:100%;border-collapse:collapse;white-space:nowrap}.finance-scroll th,.finance-scroll td{padding:12px;text-align:left;border-bottom:1px solid #e3e8e4}.finance-scroll th{background:#f2f6f3;font-size:12px}.finance-panel .actions{margin:16px 0}.finance-panel small{display:block;color:#6d7972}.finance-totals{display:flex;gap:32px;flex-wrap:wrap}.finance-totals strong{display:block;font-size:24px} .pay-team-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:6px 0 12px;scroll-snap-type:x proximity}.pay-team-tabs button{flex:0 0 auto;scroll-snap-align:start;min-height:44px}.finance-scroll td:last-child button+button{margin-left:8px} .panel.setter-confirmation{padding:20px;margin:24px 0;border:1px solid #e1e3e6;border-radius:16px;background:#fafafa} .setter-confirmation h3{margin:0 0 12px;font-size:18px;line-height:1.4} .setter-confirmation p{margin:0;line-height:1.55} .setter-confirmation-controls{display:grid;gap:16px;margin-top:20px} .setter-confirmation-controls label{display:grid;gap:8px;margin:0;min-width:0;font-size:14px;font-weight:600} .setter-confirmation-controls select{width:100%;min-height:48px;margin:0;box-sizing:border-box} .setter-confirmation-controls .primary{width:100%;min-height:48px;margin:0;justify-content:center;white-space:normal} .setter-confirmation [role=alert]{margin-top:16px;color:#b42318} .setter-splits .setter-split-row{padding:18px;border:1px solid var(--border);border-radius:12px;background:#fafafa;gap:16px}.split-percentage{display:grid;gap:12px;min-width:0}.split-percentage input[type=range]{width:100%;min-height:28px;padding:0;accent-color:#f47721}.split-percentage input[readonly]{background:#f0f1f3;font-weight:700}.setter-splits .setter-split-row select{max-width:100%;min-width:0}.setter-splits .setter-split-row label{min-width:0}@media(max-width:600px){.setter-splits .setter-split-row{grid-template-columns:1fr;padding:16px}.setter-splits>button{width:100%}} .crm-announcement{position:fixed;z-index:1000;top:16px;left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 24px));display:flex;gap:20px;align-items:flex-start;padding:20px 24px;background:#fff6d6;color:#322916;border:2px solid #eab849;border-radius:16px;box-shadow:0 12px 40px #0003;max-height:45vh;overflow:auto}.crm-announcement>div{flex:1;min-width:0}.crm-announcement p,.announcement-preview{white-space:pre-wrap;overflow-wrap:anywhere}.crm-announcement p{margin:8px 0}.crm-announcement button{flex-shrink:0;font-size:25px;background:transparent;border:0;padding:0 8px} .goal-pace{margin:20px 0;padding:clamp(16px,2.3vw,25px);border:1px solid #e5dfef;border-radius:22px;background:linear-gradient(120deg,#fff 30%,#faf7ff);box-shadow:0 6px 24px #37204d05;color:#302838}.goal-pace>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.goal-pace-eyebrow{display:flex;align-items:center;gap:7px;color:#806291;font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.goal-pace h2{font-size:20px;letter-spacing:-.04em;margin:7px 0 16px}.goal-pace>header button{display:flex;align-items:center;gap:6px;font-size:12px}.goal-pace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:13px}.goal-pace-card{min-width:0;padding:17px;background:#fff;border:1px solid #ece6f3;border-radius:15px}.goal-pace-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#675a72;font-size:11px;font-weight:700}.goal-pace-status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 7px;background:#f1ebfb;color:#755399;font-size:9px}.goal-pace-complete .goal-pace-status{background:#e8f4f1;color:#387b6f}.goal-pace-behind .goal-pace-status{background:#fff0f1;color:#9f5462}.goal-pace-total{display:flex;align-items:baseline;gap:8px;margin:16px 0 9px}.goal-pace-total strong{font-size:29px;letter-spacing:-.05em;line-height:1}.goal-pace-total span{font-size:12px;color:#8e8494}.goal-pace progress{display:block;width:100%;height:6px;border:0;border-radius:20px;overflow:hidden;background:#f0ebf6;color:#895ac0;accent-color:#895ac0}.goal-pace progress::-webkit-progress-bar{background:#f0ebf6;border-radius:20px}.goal-pace progress::-webkit-progress-value{background:linear-gradient(90deg,#7658d0,#c56baf);border-radius:20px}.goal-pace progress::-moz-progress-bar{background:#895ac0;border-radius:20px}.goal-pace dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin:18px 0 0}.goal-pace dt{font-size:10px;color:#8b7c96;margin:0 0 4px}.goal-pace dd{font-size:13px;font-weight:700;margin:0;overflow-wrap:anywhere}.goal-pace small,.goal-pace-note{font-size:10px;line-height:1.7;color:#8b7e93}.goal-pace-note{margin:14px 0 0;max-width:90ch}@media(max-width:600px){.goal-pace{padding:15px;border-radius:18px}.goal-pace h2{font-size:18px}.goal-pace-card{padding:15px}.goal-pace-top{align-items:flex-start}.goal-pace-status{font-size:9px}}.canvass-map{height:440px;border-radius:18px;background:#edf3ef;margin:18px 0}.canvass-session{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:18px;margin:16px 0}.canvass-property{padding:24px;margin:18px 0}.canvass-property label{display:grid;gap:8px;margin:12px 0}.canvass-visit{display:flex;align-items:center;text-align:left;width:100%;padding:18px;gap:24px;background:white;border:0;border-bottom:1px solid #e5e9e6}.canvass small{display:block;color:#758079;font-size:12px;margin-top:5px}.canvass-table{overflow:auto}.canvass-table table{width:100%;border-collapse:collapse}.canvass-table th,.canvass-table td{padding:14px;text-align:left;border-bottom:1px solid #e5e9e6}.canvass-table th button{border:0;background:none;text-transform:capitalize;font-weight:700;white-space:nowrap}.canvass-me{background:#e4f4e9}.canvass .lead-card-scroll label{display:grid;gap:8px;margin:18px 0}.canvass .lead-card-scroll textarea{min-height:100px}@media(max-width:700px){.canvass-map{height:340px}.canvass-visit{flex-direction:column;align-items:flex-start;gap:8px}.canvass-property{padding:16px}} .canvass-pin-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;margin:12px 0}.canvass-table th{text-transform:capitalize;white-space:nowrap}.canvass-table tfoot{font-weight:700;background:#eff7f0} .quick-door{max-width:560px}.quick-door-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.quick-door-actions button{min-height:65px;font-weight:750;font-size:16px;border-radius:12px}.quick-door details{margin:14px 0}.quick-door .lead-card-scroll{max-height:85dvh} .canvass-leaderboard .leader-list .leader-self{background:#171717;border-color:#171717;color:#fff}.canvass-leaderboard .leader-self .leader-rank{color:#171717}.canvass-leaderboard .leader-all-stats{font-size:12px}.canvass-leaderboard .leader-self .leader-name small{color:#fff}.canvass-leaderboard .leader-tabs button{color:#171717} .map-sheet-heading{display:none} .map-legend{margin:16px 0}.map-legend summary{cursor:pointer;font-weight:700} .canvass-full-map{position:fixed;inset:0;z-index:150;height:100dvh;background:#f3f4f6;color:#171717;isolation:isolate} .canvass-full-map .canvass-map-area{position:absolute;inset:0} .canvass-full-map .canvass-map{height:100%;width:100%;margin:0;border-radius:0;background:#e9ecef} .canvass-map-top{position:absolute;z-index:3;top:calc(12px + env(safe-area-inset-top));left:12px;right:12px;display:flex;gap:10px;align-items:center;pointer-events:none} .canvass-map-top>*{pointer-events:auto} .canvass .map-round-button{display:grid;place-items:center;flex:none;width:48px;height:48px;padding:0;background:white;color:#171717;border:1px solid #e6e6e6;border-radius:16px;box-shadow:0 3px 14px #0002} .map-status{background:#fff;box-shadow:0 3px 14px #0002;padding:10px 16px;border-radius:16px;min-width:0;max-width:340px;flex:1;display:grid;gap:2px} .map-status strong{font-size:16px}.map-status span{font-size:12px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .canvass-map-dock{position:absolute;z-index:6;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#fff;border-top:1px solid #e3e4e6;padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 24px #0001;gap:8px} .canvass-map-dock button{display:flex;flex:1;max-width:170px;min-height:56px;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:0;border-radius:14px;background:white;color:#555;font:inherit;font-size:12px;font-weight:700} .canvass-map-dock button.selected{color:#171717;background:#fff0e3}.canvass-map-dock button.selected svg{color:#f57c19} .canvass-full-map .map-sheet,.canvass-full-map .canvass-map-extras{display:none} .canvass-full-map.map-panel-more .canvass-options,.canvass-full-map.map-panel-session .canvass-session-sheet,.canvass-full-map.map-panel-search .canvass-search-sheet{display:block;position:absolute;z-index:5;bottom:calc(80px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:560px;max-height:calc(100dvh - 180px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;margin:0 auto;padding:20px;background:#fff;color:#171717;border:1px solid #e4e4e7;border-radius:22px;box-shadow:0 8px 36px #0003} .canvass-full-map .map-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.canvass-full-map .map-sheet-heading h2{margin:0;font-size:22px}.map-sheet-heading button{background:#f3f4f6;border:0;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;color:#171717;flex:none} .canvass-full-map .map-inline-title,.canvass-full-map .canvass-options .page-heading{display:none} .map-sheet-backdrop{position:absolute;z-index:4;inset:0;background:#0003;border:0;border-radius:0;width:100%;height:100%;padding:0} .canvass-full-map .map-feedback{position:absolute;z-index:7;top:calc(82px + env(safe-area-inset-top));left:12px;right:12px;max-width:560px;margin:auto;pointer-events:none}.canvass-full-map .map-feedback p{padding:10px 14px;margin:4px 0;background:#fff;box-shadow:0 2px 12px #0002;border-radius:12px;font-size:13px}.canvass-full-map .map-feedback:empty{display:none} .canvass-full-map .canvass-session{margin:0;padding:16px;gap:12px}.canvass-full-map .canvass-session span{width:100%;font-size:14px}.canvass-full-map .canvass-session button{flex:1;min-height:46px}.canvass-full-map .canvass-search-sheet .form-grid{grid-template-columns:1fr}.canvass-full-map .canvass-search-sheet>button{margin:8px 8px 0 0;min-height:46px}.canvass-full-map .range-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.canvass-full-map .range-fields label{min-width:0}.canvass-full-map .range-fields select,.canvass-full-map .range-fields input{width:100%;min-width:0}.canvass-full-map .day-tabs{flex-wrap:wrap;margin-top:16px} @media(min-width:761px){.canvass-map-top{right:auto;min-width:400px}.canvass-map-dock{left:50%;right:auto;transform:translateX(-50%);width:460px;bottom:16px;border-radius:22px;border:1px solid #e3e4e6}.canvass-full-map.map-panel-more .canvass-options,.canvass-full-map.map-panel-session .canvass-session-sheet,.canvass-full-map.map-panel-search .canvass-search-sheet{bottom:104px}} @media(max-width:760px){.canvass-full-map .canvass-map-area{bottom:calc(73px + env(safe-area-inset-bottom))}.canvass-full-map.map-panel-search .canvass-search-sheet{position:fixed}} .canvass-compass{position:absolute;left:14px;bottom:105px;z-index:3;display:flex;gap:4px;padding:5px;background:white;border-radius:24px;box-shadow:0 2px 12px #0003}.canvass-compass button{border:0;background:white;color:#222;border-radius:50%;min-width:42px;min-height:42px;font-weight:800}.canvass-compass button:disabled{opacity:.4}.quick-door details .primary{width:100%;margin:14px 0 6px;min-height:48px} .device-compass{position:absolute;left:14px;top:90px;z-index:3;background:#fff;color:#202020;border-radius:16px;box-shadow:0 2px 12px #0003;padding:10px 14px;display:flex;align-items:center;gap:10px;max-width:min(280px,calc(100% - 28px));flex-wrap:wrap}.device-compass-arrow{font-size:28px;color:#f57b18;display:inline-block}.device-compass small{display:block;color:#62666c;font-size:12px}.device-compass button{border:0;background:white;color:#222;font-weight:700;min-height:40px}.device-compass-message{font-size:12px;line-height:1.4;flex-basis:100%} .buddy-intro{max-width:560px;padding:24px;border-radius:20px}.buddy-intro ol{padding-left:22px;line-height:1.6}.buddy-intro li{margin-bottom:16px}.buddy-intro .actions{display:flex;gap:12px;flex-wrap:wrap} .canvass-map-area{position:relative}.canvass-north-control{position:absolute;top:16px;right:16px;z-index:4;display:grid;grid-template-columns:20px 1fr;align-items:center;justify-items:center;gap:1px 2px;padding:7px 6px;width:66px;height:58px;border:1px solid #dbe0e8;border-radius:16px;background:#fffffff2;color:#263044;box-shadow:0 3px 14px #0002;touch-action:none;user-select:none;cursor:ew-resize}.canvass-north-control .canvass-compass-needle{font-size:26px;color:#8056d9;line-height:1;transform-origin:center}.canvass-north-control strong{font-size:12px;line-height:1}.canvass-north-control .canvass-compass-hint{grid-column:1/-1;font-size:8px;line-height:1.3;color:#596477;white-space:nowrap}.canvass-north-control:focus-visible{outline:3px solid #8056d9;outline-offset:3px}.canvass-full-map .canvass-north-control{top:calc(78px + env(safe-area-inset-top))}.buddy-knock-panel{border:1px solid #f4d4bc;background:linear-gradient(120deg,#fff8f0,#fff);border-radius:18px}.buddy-knock-panel .range-fields{align-items:end}.buddy-intro ol{display:grid;gap:16px;line-height:1.55} .canvass-full-map .range-fields select,.canvass-full-map .range-fields input{box-sizing:border-box;height:44px;appearance:none;-webkit-appearance:none} .canvass-full-map .range-fields input::-webkit-date-and-time-value{min-width:0;text-align:left} @media(prefers-reduced-motion:reduce){.wheel-disc{transition-duration:.01s}} /* Buddy Knock: clear setup, status, and credit at a glance. */ .buddy-knock-panel{overflow:hidden;padding:0;border:1px solid #eadfd5;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#fffaf5 100%);box-shadow:0 8px 28px #38220f0a} .buddy-knock-head{display:flex;align-items:center;gap:15px;padding:22px 24px 18px;border-bottom:1px solid #f0e8e1} .buddy-knock-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid #f3d5bf;border-radius:15px;background:#fff0e4;color:#c35d17} .buddy-knock-heading{min-width:0;flex:1} .buddy-knock-kicker{display:block;margin-bottom:4px;color:#9b5a2b;font-size:10px;font-weight:800;letter-spacing:1.5px} .buddy-knock-heading h3{margin:0 0 3px;color:#242629;font-size:19px;letter-spacing:-.35px} .buddy-knock-heading p{margin:0;color:#70747b;font-size:13px;line-height:1.45} .buddy-help-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:40px;padding:8px 12px;border:1px solid #e8e1da;border-radius:11px;background:#fff;color:#5e6268;font-size:12px;font-weight:700} .buddy-help-button:hover{border-color:#edc7aa;background:#fffaf6;color:#994914} .buddy-invite-area{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(250px,1.1fr);gap:22px;align-items:center;padding:20px 24px} .buddy-invite-copy{display:grid;gap:5px} .buddy-invite-copy strong{color:#34363a;font-size:14px} .buddy-invite-copy span{max-width:380px;color:#777b82;font-size:12px;line-height:1.55} .buddy-invite-controls{min-width:0} .buddy-invite-controls label{display:block;margin:0 0 7px;color:#595d64;font-size:11px;font-weight:750;letter-spacing:.2px} .buddy-invite-row{display:flex;gap:9px;align-items:center} .buddy-invite-row select{min-width:0;flex:1;height:44px;min-height:44px;margin:0;padding:0 36px 0 12px;border-color:#ded9d3;border-radius:10px;background:#fff;color:#34363a;font-size:13px} .buddy-invite-button{flex:none;min-height:44px;padding:0 15px;border-radius:10px;font-size:12px;white-space:nowrap;box-shadow:0 3px 9px #c75c171a} .buddy-pair-list{display:grid;gap:10px;padding:18px 24px 8px} .buddy-pair-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;align-items:center;padding:15px 16px;border:1px solid #e9e4de;border-radius:14px;background:#fff} .buddy-pair-card.is-active{border-color:#cfe4d5;background:linear-gradient(110deg,#f5fbf6,#fff 72%)} .buddy-pair-person{display:flex;align-items:center;gap:12px;min-width:0} .buddy-avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:13px;background:#f5efe9;color:#8c542e} .is-active .buddy-avatar{background:#e5f2e8;color:#39724d} .buddy-pair-person>div{display:grid;gap:3px;min-width:0} .buddy-pair-person strong{overflow:hidden;color:#303338;font-size:14px;text-overflow:ellipsis;white-space:nowrap} .buddy-pair-person>div>span{color:#73777e;font-size:12px;line-height:1.4} .buddy-status{display:inline-flex;align-items:center;gap:5px;justify-self:end;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap} .buddy-status.active{background:#e6f4e9;color:#2d7043}.buddy-status.waiting{background:#f1f2f4;color:#60656d}.buddy-status.incoming{background:#fff0df;color:#94500f} .buddy-pair-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:1px} .buddy-pair-actions .primary,.buddy-pair-actions .secondary{min-height:38px;padding:7px 12px;border-radius:9px;font-size:12px} .buddy-credit-note{display:flex;align-items:flex-start;gap:9px;margin:0 24px 20px;padding:11px 13px;border:1px solid #f0e6dc;border-radius:11px;background:#fffaf4;color:#6b625a;font-size:11px;line-height:1.5} .buddy-credit-note svg{flex:none;margin-top:1px;color:#a66026} .buddy-error{display:grid;gap:3px;margin:14px 24px 0;padding:11px 13px;border:1px solid #f0cece;border-radius:10px;background:#fff5f5;color:#a12d2d;font-size:12px;line-height:1.5;overflow-wrap:anywhere} .buddy-error strong{font-size:12px}.buddy-error span{color:#775252} .buddy-loading{display:flex;align-items:center;gap:10px;padding:25px 24px;color:#686d74;font-size:13px} .buddy-pulse{width:9px;height:9px;border-radius:50%;background:#e97a32;box-shadow:0 0 0 4px #fbe7d9;animation:buddy-pulse 1.3s ease-in-out infinite} @keyframes buddy-pulse{50%{box-shadow:0 0 0 7px #fbe7d9;opacity:.65}} .buddy-intro{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(590px,calc(100% - 28px));max-height:min(88dvh,820px);margin:0;padding:24px;border:1px solid #eadfd5;border-radius:20px;background:#fff;color:#25272a;box-shadow:0 18px 70px #17100a35;overscroll-behavior:contain} .buddy-intro::backdrop{background:#17191dcc;backdrop-filter:blur(3px)} .buddy-intro-head{display:flex;align-items:center;gap:13px;padding-right:42px;position:relative} .buddy-intro-head h2{margin:0;color:#25272a;font-size:20px;line-height:1.25;letter-spacing:-.4px} .buddy-intro-close{position:absolute;right:0;top:0;display:grid;place-items:center;width:38px;height:38px;border:1px solid #e8e5e1;border-radius:12px;background:#fff;color:#5e6268} .buddy-intro-lead{margin:18px 0 16px;color:#6b7077;font-size:13px;line-height:1.6} .buddy-steps{display:grid;gap:9px;margin:0;padding:0;list-style:none} .buddy-steps li{display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:start;padding:12px;border:1px solid #eee9e4;border-radius:12px;background:#fffdfa} .buddy-steps li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff0e4;color:#a84f12;font-size:12px;font-weight:850} .buddy-steps li strong{display:block;margin:1px 0 3px;color:#33363a;font-size:13px} .buddy-steps li p{margin:0;color:#71767d;font-size:12px;line-height:1.5} .buddy-guide-note{margin:14px 0 0;background:#f8fbf8;border-color:#e1ece2;color:#626b63} .buddy-guide-note svg{color:#43754d} .buddy-intro-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px} .buddy-intro-actions .primary,.buddy-intro-actions .secondary{min-height:42px;padding:9px 14px;border-radius:10px;font-size:12px} @media(max-width:700px){ .buddy-knock-head{gap:11px;padding:17px 16px 15px}.buddy-knock-icon{width:42px;height:42px;border-radius:13px}.buddy-knock-heading h3{font-size:17px}.buddy-knock-heading p{font-size:11px}.buddy-knock-kicker{font-size:9px;letter-spacing:1.1px}.buddy-help-button{width:40px;height:40px;min-height:40px;padding:0}.buddy-help-button span{display:none} .buddy-invite-area{grid-template-columns:1fr;gap:15px;padding:16px}.buddy-invite-row{align-items:stretch}.buddy-invite-row select{font-size:12px;padding-left:10px}.buddy-invite-button{padding:0 11px;font-size:11px;gap:6px} .buddy-pair-list{padding:14px 14px 8px}.buddy-pair-card{padding:12px;gap:10px}.buddy-pair-person{gap:9px}.buddy-pair-person strong{font-size:13px}.buddy-pair-person>div>span{font-size:11px}.buddy-avatar{width:36px;height:36px}.buddy-credit-note{margin:0 14px 14px;font-size:10px}.buddy-error{margin:12px 14px 0}.buddy-loading{padding:20px 16px} .buddy-intro{padding:18px;border-radius:17px}.buddy-intro-head{gap:10px;padding-right:35px}.buddy-intro-head .buddy-knock-icon{width:39px;height:39px}.buddy-intro-head h2{font-size:17px}.buddy-intro-lead{font-size:12px;margin:14px 0}.buddy-steps{gap:7px}.buddy-steps li{padding:10px;gap:9px}.buddy-steps li p{font-size:11px}.buddy-guide-note{font-size:10px}.buddy-intro-actions .primary,.buddy-intro-actions .secondary{flex:1} } /* Retain the connection indicator without pulsing when motion is reduced. */ @media(prefers-reduced-motion:reduce){.buddy-pulse{animation:none}} .goals-page{max-width:1100px;margin:auto}.goals-page>.panel{padding:24px;margin:20px 0}.goal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:24px 0}.goal-card{padding:24px}.goal-card>strong{font-size:27px;color:#285d40}.goal-card progress{width:100%;height:16px;margin:18px 0 4px;accent-color:#338653}.goal-card button{margin:6px 8px 0 0}.goal-reward{background:#eef7ed;border-radius:12px;padding:16px;margin:16px 0;white-space:pre-wrap}.goal-reward span{font-size:13px;color:#426448} .sticky-title{text-align:center;margin:12px 0 30px}.sticky-title h1{font-size:clamp(32px,5vw,56px);text-transform:uppercase;letter-spacing:-1px;margin:10px 0}.sticky-title em{color:#dc512b;font-style:normal}.sticky-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:16px;background:white;padding:20px;border-radius:16px;border:1px solid #e5e7eb}.sticky-toolbar label{margin:0}.goal-period-tabs{display:flex;gap:4px;background:#f0f2ec;padding:5px;border-radius:10px}.goal-period-tabs button{padding:11px 18px;border:0;border-radius:7px;background:transparent;color:#3d4e42;cursor:pointer}.goal-period-tabs .selected{background:#285e40;color:white}.sticky-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:30px;margin:36px 0;align-items:start}.sticky-note{position:relative;background:#fff8a1;padding:30px 26px 24px;border-radius:3px;box-shadow:3px 7px 14px #25342618;border:1px solid #ede58b;overflow-wrap:anywhere}.sticky-note h2{font-size:24px;margin:7px 0 3px;color:#263827}.sticky-note p{line-height:1.6;white-space:pre-wrap}.sticky-note b{color:#7c5721;display:inline-block;margin-right:8px}.sticky-period{font-size:13px;color:#6d683d;margin:0 0 22px}.sticky-pin{position:absolute;top:-20px;left:48%;font-size:34px;color:#d84435;text-shadow:1px 3px 3px #66141455}.sticky-note progress{width:100%;height:15px;accent-color:#34844c}.sticky-progress span{display:block;font-size:13px;margin-top:5px;color:#45603d}.sticky-lock{font-size:12px;margin:22px 0 12px;color:#6f6b42}.sticky-note button{margin:7px 5px 0 0}.sticky-incentive{background:#f2fff0;border:1px solid #91ba83;border-radius:12px;padding:15px;margin-top:20px;color:#315b30}.sticky-incentive p{margin:8px 0}.sticky-editor{background:#fffce1}.sticky-editor textarea{min-height:75px}@media(max-width:600px){.sticky-board{grid-template-columns:1fr}.sticky-toolbar{align-items:stretch}.goal-period-tabs{width:100%;justify-content:space-between}.goal-period-tabs button{padding:10px}} .goals-mode-tabs{max-width:1100px;margin:0 auto 24px;width:fit-content}.business-goal-term{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0}.business-goal-term progress{grid-column:1/-1}.business-goal-editor-row{display:flex;gap:12px;align-items:end;margin:16px 0}.business-goal-editor-row label{flex:1;min-width:0}@media(max-width:600px){.business-goal-editor-row{flex-wrap:wrap}.goals-mode-tabs{width:100%}} .goals-page .goal-board-filter{display:block;width:100%;margin:0 0 18px;font-weight:600} .goals-page .goal-board-filter select{display:block;width:100%;margin-top:8px;min-height:46px} .goal-note-heading{margin-bottom:20px} .sticky-note .goal-note-owner{font-size:16px;font-weight:700;line-height:1.35;margin:0 0 6px;color:#202321} .sticky-note .goal-note-heading h2{font-size:20px;line-height:1.3;margin:0;font-weight:600} /* Keep each Goals toolbar control on a separate, uncluttered phone row. */ @media(max-width:600px){ .goals-page .sticky-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:16px} .goals-page .sticky-toolbar>*,.goals-page .sticky-toolbar>label{min-width:0;max-width:100%;width:100%;box-sizing:border-box} .goals-page .sticky-toolbar .goal-period-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px} .goals-page .sticky-toolbar .goal-period-tabs button{min-width:0;padding:10px 6px} .goals-page .sticky-toolbar input[type=date]{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-inline-size:0;appearance:none;-webkit-appearance:none} .goals-page .sticky-toolbar input::-webkit-date-and-time-value{min-width:0;text-align:left} .goals-page .sticky-toolbar>.primary{position:static;margin:0;min-height:44px;justify-content:center} } .fellas-theme{background:#fff;color:#171717;--orange:#f47721;--muted:#63666b;--border:#e4e4e4} .fellas-theme .sidebar,.fellas-theme .mobile-navigation-bar,.fellas-theme .navigation-drawer{background:#fff;color:#222;border-color:#e4e4e4} .fellas-theme .sidebar{border-right:1px solid #e4e4e4} .fellas-theme .workspace,.fellas-theme .content{background:#fff} .fellas-theme .brand.fellas-logo{padding:0;width:220px;max-width:100%;height:84px;background:#fff;color:#111;display:block} .fellas-theme .fellas-logo svg{display:block;width:100%;height:100%} .fellas-theme .sidebar nav button{color:#272727} .fellas-theme .sidebar nav button:hover{background:#fff1e5;color:#111} .fellas-theme .sidebar nav button.active{background:#f47721;color:#111;font-weight:800} .fellas-theme .workspace-label,.fellas-theme .sidebar-note p,.fellas-theme .user-block small{color:#63666b} .fellas-theme .sidebar-note{background:#fff5ed;border:1px solid #f2d1b6;color:#171717} .fellas-theme .sidebar-note strong,.fellas-theme .user-block strong,.fellas-theme .user-block button{color:#171717} .fellas-theme .user-block,.fellas-theme .navigation-drawer .sidebar .user-block{border-color:#e4e4e4} .fellas-theme .avatar{background:#f47721;color:#111} .fellas-theme .navigation-toggle{color:#111;border-color:#dedede;background:#fff} .fellas-theme .primary{background:#f47721;color:#111;border-color:#f47721;font-weight:750} .fellas-theme .primary:hover{background:#e96a16} .fellas-theme .secondary{background:#fff;color:#171717;border-color:#d5d5d5} @media(max-width:760px){.fellas-theme .mobile-navigation-bar{border-bottom:1px solid #e4e4e4;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:8px}.fellas-theme .mobile-navigation-bar .fellas-logo{width:185px;height:68px}.fellas-theme .drawer-heading .fellas-logo{width:185px;height:68px}} .tv-login{max-width:520px;margin:12vh auto;padding:30px;background:white;border-radius:24px}.tv-login label{display:grid;gap:12px;margin:24px 0}.tv-board{min-height:100vh;background:#f4f7f1;padding:18px 28px}.tv-controls{display:flex;align-items:center;justify-content:space-between;color:#386245;font-size:13px}.tv-controls button{border:0;background:transparent;color:inherit}.tv-banner{background:#155e37;color:white;text-align:center;font-size:clamp(24px,3vw,52px);font-weight:900;padding:20px;border-radius:14px;margin:15px 0;letter-spacing:1px}.tv-announcement{background:#fff6c8;border-radius:12px;padding:18px;text-align:center;font-size:24px;white-space:pre-wrap}.tv-board .scoreboard{max-width:none}.tv-board .scoreboard .page-heading{margin:14px 0}.tv-celebration{position:fixed;inset:15% 12%;background:#12663ef5;color:white;box-shadow:0 20px 100px #0008;border:4px solid #b8ef9d;border-radius:30px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px;z-index:10000;animation:tv-pop .45s ease-out}.tv-celebration>span{font-size:80px}.tv-celebration h2{font-size:clamp(30px,5vw,70px);margin:10px}.tv-celebration p{font-size:clamp(24px,3vw,48px)}.tv-celebration button{position:absolute;right:20px;top:15px;background:none;border:0;color:white;font-size:40px}@keyframes tv-pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.tv-celebration{animation:none}}@media(max-width:700px){.tv-board{padding:12px}.tv-celebration{inset:10% 5%;padding:22px}} .tv-board .scoreboard th,.tv-board .scoreboard td{padding:9px 10px}.tv-board .scoreboard .panel{padding:18px}.tv-board .scoreboard-report p{font-size:12px;margin:6px 0 12px} /* TV-only brand treatment; the normal CRM remains light. */ .tv-board{background:#111;color:#f8f8f8}.tv-controls{color:#ff9a45}.tv-banner{background:#ff7a18;color:#111;overflow:hidden;padding:18px 0;text-align:left}.tv-banner-track{display:flex;width:max-content;animation:tv-ticker 24s linear infinite}.tv-banner-track span{display:block;white-space:nowrap;padding-right:110px;min-width:100vw}.tv-banner:hover .tv-banner-track{animation-play-state:paused}.tv-announcement{background:#302014;color:#ffb77d;border:1px solid #854719}.tv-board .panel{background:#1b1b1b;border-color:#383838}.tv-board h1{color:#fff}.tv-board h2,.tv-board .eyebrow{color:#ff952f}.tv-board .scoreboard p{color:#c2c2c2}.tv-board .scoreboard th{background:#292019;color:#ffad6b}.tv-board .scoreboard td,.tv-board .scoreboard th{border-color:#39312a}.tv-board .scoreboard td:nth-child(2){font-weight:800}.tv-board .scoreboard-report tbody td:first-child{font-weight:800;font-size:14px;color:white}.tv-board .scoreboard tfoot th,.tv-board .scoreboard tfoot td{background:#49301d;color:#ffd1ad;border-top-color:#ff7a18}.tv-board .scoreboard-columns section:first-child{border-top-color:#ff7a18}.tv-celebration{background:#171310fa;border-color:#ff7a18}.tv-celebration h2{color:#ff952f}.tv-login{border-top:6px solid #ff7a18}.tv-login .primary{background:#e9680c;border-color:#e9680c;color:white}@keyframes tv-ticker{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.tv-banner-track{animation:none;max-width:100%}.tv-banner-track span{min-width:0;white-space:normal;padding:0 20px}.tv-banner-track span+span{display:none}} .tv-board .scoreboard h1{font-family:"Segoe Script","Brush Script MT","Comic Sans MS",cursive;font-weight:900;font-size:clamp(32px,3.5vw,58px);letter-spacing:-1px;color:#fff;-webkit-text-stroke:.6px #fff;line-height:1.25}.tv-clock{color:white;font-weight:800;font-size:clamp(16px,1.7vw,26px);font-variant-numeric:tabular-nums}.tv-controls{flex-wrap:wrap;gap:10px} /* Light TV theme and viewport-fit canvas. */ .tv-board{background:#fff;color:#151515}.tv-controls,.tv-clock{color:#161616}.tv-board .panel{background:#fff;border-color:#ddd}.tv-board h1,.tv-board .scoreboard h1{color:#111;-webkit-text-stroke:.6px #111}.tv-board h2,.tv-board .eyebrow{color:#c85500}.tv-board .scoreboard p{color:#555}.tv-board .scoreboard th{background:#fff1e5;color:#222}.tv-board .scoreboard td,.tv-board .scoreboard th{border-color:#ddd}.tv-board .scoreboard-report tbody td:first-child{color:#111}.tv-board .scoreboard tfoot th,.tv-board .scoreboard tfoot td{background:#ffe0c2;color:#111}.tv-announcement{background:#fff3e7;color:#222;border-color:#ffad6b}.tv-celebration{background:#fffaf5fa;color:#111}.tv-celebration button{color:#111} .tv-board:fullscreen{overflow:hidden;padding:12px;background:white}.tv-fit-content{transform-origin:top left}.tv-board:fullscreen .scoreboard-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.tv-board .scoreboard .page-heading{margin:8px 0}.tv-board .scoreboard .panel{padding:12px}.tv-board .scoreboard th,.tv-board .scoreboard td{padding:5px 9px}.tv-board .scoreboard h2{font-size:19px;margin:4px 0 8px}.tv-board .scoreboard-report{margin-top:10px}.tv-banner{margin:8px 0;padding:10px 0;font-size:32px}.tv-announcement{padding:8px;font-size:19px}.tv-board .scoreboard h1{font-size:38px}.tv-board .scoreboard-report p{margin:3px 0 6px} /* Fit a stable canvas uniformly inside a 4% TV overscan-safe border. Apply in normal browser, browser fullscreen, and element fullscreen. */ .tv-board,.tv-board:fullscreen{position:relative;width:100%;height:100vh;height:100dvh;min-height:0;min-width:0;overflow:hidden;padding:0;box-sizing:border-box;background:#fff}.tv-fit-content{position:absolute;left:50%;top:4vh;transform-origin:top center;box-sizing:border-box;padding:0 4px}.tv-board .scoreboard-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.tv-board .scoreboard td,.tv-board .scoreboard th{white-space:normal;overflow-wrap:anywhere}.tv-board .scoreboard table{table-layout:fixed}.tv-board .scoreboard-columns th:first-child{width:28px}.tv-board .scoreboard-columns th:nth-child(2){width:38%}.tv-board .scoreboard-report th:first-child{width:23%}.tv-clock{font-size:23px}.tv-banner-track span{min-width:1600px}.tv-board .table-scroll{overflow:visible}.tv-board .scoreboard .page-heading{min-width:0} .tv-board .scoreboard tbody td:nth-child(2),.tv-board .scoreboard-report tbody td:first-child{font-weight:900;color:#000;font-size:18px;line-height:1.2}.tv-board .scoreboard-report tbody td:not(:first-child){font-size:15px;font-weight:600;color:#111}.tv-board .scoreboard-columns tbody td:not(:nth-child(2)){font-size:15px;color:#111} .tv-board .scoreboard h1{font-family:"Chalkboard SE","Chalkboard","Comic Sans MS","Trebuchet MS",sans-serif;font-style:normal;font-weight:900;letter-spacing:.2px;-webkit-text-stroke:0}.tv-board .scoreboard h2{font-size:21px;font-weight:900;margin-bottom:3px}.tv-board .scoreboard-period-date{font-size:15px;font-weight:650;margin:0 0 10px;color:#333} .tv-fireworks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10001;background:radial-gradient(ellipse at center,transparent 35%,#17111755)} @media(prefers-reduced-motion:reduce){.tv-fireworks{display:none}} .notification-bell{position:relative;border:1px solid #ddd;background:#fff;color:#26362c;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;margin-left:auto;margin-right:16px;flex-shrink:0}.notification-bell>span{position:absolute;right:-7px;top:-5px;background:#176340;color:white;border-radius:20px;padding:2px 5px;font-size:10px}.notification-panel{width:min(520px,calc(100vw - 24px));max-height:85dvh;border:1px solid #ddd;border-radius:18px;padding:24px;background:#fff;color:#26362c;overflow:auto}.notification-panel::backdrop{background:#142c2555}.notification-heading,.notification-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-heading h2{margin:0}.notification-actions{flex-wrap:wrap;margin:20px 0}.notification-actions label{display:flex;align-items:center;gap:6px}.notification-item{display:flex;flex-direction:column;text-align:left;gap:6px;width:100%;padding:16px;border:0;border-bottom:1px solid #e5e8e5;background:white;color:#26362c}.notification-item.unread{background:#eff8f1;border-left:3px solid #23824d}.notification-item small{color:#6d7770}.manager-notification-teams{padding:24px;margin-bottom:20px}.manager-notification-teams fieldset{padding:14px;border:1px solid #ddd;border-radius:10px;margin:12px 0;display:flex;flex-wrap:wrap;gap:16px;align-items:center}.manager-notification-teams label{display:flex;gap:8px;align-items:center} .sale-celebration{position:fixed;margin:auto;width:min(760px,calc(100vw - 32px));box-sizing:border-box;border:0;border-radius:22px;padding:60px 28px 48px;background:#15803d;color:white;text-align:center;box-shadow:0 24px 80px #052e1666}.sale-celebration::backdrop{background:#052e1699}.sale-celebration h2{font-size:clamp(25px,4vw,40px);color:white;margin:12px 0 20px}.sale-celebration p{font-size:20px;line-height:1.5}.sale-celebration .sale-celebration-subtitle{font-size:16px;color:#dcfce7}.sale-celebration-close{position:absolute;right:14px;top:12px;width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;background:#fff;color:#166534;font-size:30px;cursor:pointer}.sale-celebration-icon{font-size:48px;color:#bbf7d0} .sale-celebration{inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;padding:20px;background:transparent;box-shadow:none;overflow:auto}.sale-celebration[open]{display:grid;place-items:center}.sale-celebration-card{position:relative;width:min(760px,100%);box-sizing:border-box;padding:60px 28px 48px;border-radius:22px;background:#15803d;box-shadow:0 24px 80px #052e1666}.sale-celebration .tv-fireworks{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.sale-celebration-close{z-index:2}@media(prefers-reduced-motion:reduce){.sale-celebration .tv-fireworks{display:none}} .team-form,.team-list{padding:24px;margin-bottom:24px}.team-form fieldset{border:0;padding:0;margin:0;min-width:0}.team-form small{font-weight:400;color:var(--muted);line-height:1.5}.team-check{display:flex;flex-direction:row;align-items:center;gap:12px}.team-check input{width:20px;height:20px}.team-list-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.team-list-heading h2{margin:0}.team-member{display:flex;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--border)}.team-member>div{flex:1;min-width:0;overflow-wrap:anywhere}.team-member small{display:block;color:var(--muted);margin-top:7px}.team-member button{min-height:44px}@media(max-width:600px){.team-form,.team-list{padding:18px}.team-member{flex-wrap:wrap;gap:12px}.team-member>div{flex-basis:60%}.team-member button{width:100%}} .team-sections{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.team-list>label{max-width:420px;margin-bottom:18px} .employee-directory{--rep-orange:#ef7726;--rep-ink:#202522;--rep-muted:#6e7770} .employee-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:22px 0} .employee-directory .employee-team-choice{display:flex;flex-direction:column;gap:9px;text-align:left;cursor:pointer;color:var(--rep-ink);padding:22px;border:1px solid #e5e8e3;border-radius:18px;background:#fff;box-shadow:0 3px 12px #22332205;transition:border-color .15s,box-shadow .15s,transform .15s} .employee-directory .employee-team-choice:hover{border-color:#efb38c;box-shadow:0 8px 22px #3b281c0d;transform:translateY(-2px)} .employee-directory .employee-team-choice:focus-visible,.rep-dialog button:focus-visible{outline:3px solid #f3a66a;outline-offset:3px} .employee-team-choice strong{font-size:17px;line-height:1.3}.employee-team-choice small{color:var(--rep-muted);line-height:1.5} .team-card-icon{display:grid;place-items:center;width:44px;height:44px;background:#fff0e5;border-radius:13px;color:#bb5517;margin-bottom:6px} .employee-tile-heading{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:6px}.employee-tile-heading strong{flex:1}.employee-tile-heading>svg{color:#9a9e99;flex-shrink:0} .employee-toolbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px;padding:20px 24px;border-radius:18px;background:#fafbf9;border:1px solid #e5e8e3}.employee-toolbar label{min-width:230px;flex:1;max-width:340px}.employee-toolbar>span{font-size:13px;color:#6e7770}.employee-toolbar>button{margin-left:auto}.employee-directory>label{display:block;max-width:420px} .employee-selected-team{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:12px 0 20px;padding:20px 22px;border:1px solid #e5e8e3;border-radius:18px;background:#fafbf9}.employee-selected-team>div{flex:1;min-width:180px}.employee-selected-team h2{margin:0 0 4px;font-size:22px}.employee-selected-team p{margin:0;color:#6e7770;font-size:13px}.employee-search{display:block;max-width:430px;margin:14px 0}.employee-test-teams{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:26px 0;padding:22px 24px;border:1px solid #dce2f8;border-radius:18px;background:linear-gradient(115deg,#f5f6ff,#fbfaff 62%,#fff8f1)}.employee-test-teams h2{margin:5px 0;font-size:20px}.employee-test-teams p{max-width:650px;margin:6px 0;color:#667080;font-size:13px;line-height:1.55}.employee-test-teams small{font-size:12px;color:#616b7b}.employee-test-actions{display:flex;gap:9px;flex-wrap:wrap}.employee-test-actions .danger{color:#a33e31;border-color:#e4b6ae}.leader-test-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;white-space:nowrap}.leader-test-toggle input{width:auto!important} .rep-dialog{padding:0;border:1px solid #e4e7e2;border-radius:24px;width:min(780px,calc(100vw - 32px));max-width:780px;max-height:88dvh;overflow:auto;color:#252c27;background:#fff;box-shadow:0 28px 90px #09190f40} .rep-dialog::backdrop{background:#17221c80;backdrop-filter:blur(4px)} .rep-hero{position:relative;padding:28px 32px 24px;background:linear-gradient(120deg,#202d26,#344238);color:#fff;border-bottom:3px solid #ed7d32} .rep-identity{display:flex;align-items:center;gap:18px;padding-right:32px}.rep-identity>.profile-picture{flex-shrink:0;border:2px solid #ffffff30;background:#f0e5d8;color:#354239;font-size:23px} .rep-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#ffc89d}.rep-hero h2{font-size:26px;line-height:1.15;margin:7px 0;color:#fff;overflow-wrap:anywhere}.rep-hero p{font-size:13px;color:#d3dbd3;margin:0;line-height:1.5} .rep-close{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:34px;height:34px;background:#ffffff14;border:1px solid #ffffff25;border-radius:50%;color:#fff;cursor:pointer}.rep-close:hover{background:#ffffff30} .rep-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.rep-badges>span{padding:5px 10px;border:1px solid #ffffff26;border-radius:20px;font-size:11px;font-weight:600;background:#ffffff0a}.rep-badges .rep-active{background:#d9f1df;color:#275439;border-color:transparent}.rep-badges .rep-inactive{background:#fff0da;color:#875818;border-color:transparent} .rep-tabs{display:flex;gap:4px;padding:12px 24px;background:#fff;border-bottom:1px solid #edf0eb;position:sticky;top:0;z-index:2}.rep-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:11px 8px;border:0;border-radius:10px;background:transparent;color:#69736a;font-size:13px;font-weight:700;cursor:pointer}.rep-tabs button[aria-pressed=true]{color:#a94b0d;background:#fff0e3}.rep-tabs button:hover{background:#f7f7f3} .rep-content{padding:26px 32px 30px}.rep-content fieldset,.employee-team-editor fieldset{border:0;padding:0;margin:0}.rep-content legend{font-size:17px;font-weight:750;margin:0 0 20px}.rep-content .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.rep-content label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;color:#627064;margin:0}.rep-content input,.rep-content select{width:100%;box-sizing:border-box;border:1px solid #dfe4dc;border-radius:10px;background:#fbfcfa;padding:11px 12px;font-size:14px;color:#253229;min-height:43px}.rep-content input:focus{outline:2px solid #f3bf97;border-color:#e8975c;background:#fff}.rep-content .fine{font-size:11px;line-height:1.6;color:#7a827a;margin:18px 0}.rep-content .primary{border-radius:11px;padding:12px 18px}.rep-content .secondary{border-radius:11px;padding:12px 16px} .employee-card-section h3{margin:0 0 12px;font-size:18px}.employee-card-section>p{font-size:13px;color:#677368;line-height:1.65}.employee-card-section summary{cursor:pointer;font-weight:650;padding:14px 0}.employee-card-section .actions{display:flex;gap:10px;flex-wrap:wrap}.employee-rate-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.employee-rate-summary p{margin:0;border:1px solid #e6e9e2;background:#f7f9f4;border-radius:12px;padding:16px;font-size:14px;font-weight:700}.local-pay-estimate{display:block;font-size:11px;line-height:1.5;font-weight:400;color:#778274;margin-top:6px}.employee-team-editor{max-height:85dvh;overflow:auto} @media(max-width:600px){.rep-dialog{width:calc(100vw - 20px);max-height:92dvh;border-radius:18px}.rep-hero{padding:23px 20px 20px}.rep-hero h2{font-size:22px}.rep-identity{gap:12px}.rep-content{padding:22px 20px}.rep-content .form-grid{grid-template-columns:1fr;gap:15px}.rep-tabs{padding:10px}.rep-tabs button{font-size:11px;gap:5px}.rep-tabs button svg{width:15px}.employee-rate-summary{grid-template-columns:1fr}.employee-toolbar>button{margin-left:0}.employee-directory .employee-team-choice{padding:18px}.employee-selected-team{align-items:stretch}.employee-test-teams{padding:18px}.employee-test-actions{width:100%}.employee-test-actions button{flex:1}} @media(prefers-reduced-motion:reduce){.employee-directory .employee-team-choice{transition:none;transform:none}} .rep-dialog[open]{display:flex;flex-direction:column}.rep-hero,.rep-tabs{flex-shrink:0}.rep-content{overflow:auto;min-height:0}.rep-content [hidden]{display:none!important} .rehash-search{min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:7px;min-width:240px}.rehash-row{display:flex;justify-content:space-between;gap:24px;width:100%;padding:22px;background:white;border:0;border-top:1px solid var(--border);text-align:left;color:inherit}.rehash-row:hover{background:#fff8f1}.rehash-row span{flex:1}.rehash-row span:last-child{flex:0 0 auto}.rehash-row small,.rehash-history small{display:block;color:var(--muted);margin-top:7px}.rehash-form fieldset{border:0;margin:0;padding:0;min-width:0}.rehash-form label{margin-bottom:18px}.rehash-history{border-top:1px solid var(--border);margin-top:26px;padding-top:20px}.rehash-history article{padding:12px 0;border-bottom:1px solid var(--border)}.rehash-history p{white-space:pre-wrap}@media(max-width:760px){.rehash-search{width:100%;min-width:0}.rehash-row{flex-direction:column;gap:12px;padding:18px}.sidebar nav{overflow-x:auto}.sidebar nav button{flex-shrink:0}} .rehash-source-summary{border:1px solid #e4e6e9;border-radius:12px;padding:18px;margin:22px 0;background:#fafbf9} .rehash-source-summary dl{display:grid;gap:7px;margin:0}.rehash-source-summary dt{font-size:.78rem;font-weight:700;color:#747b75;margin-top:12px}.rehash-source-summary dt:first-child{margin-top:0}.rehash-source-summary dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:.92rem} .stat-button{font:inherit;text-align:left;width:100%;color:inherit}.stat-button[aria-pressed=true]{outline:2px solid var(--orange);outline-offset:1px}.stat-button:hover{background:#fff8f1}.range-fields{display:flex;gap:18px;padding:0 22px 20px;flex-wrap:wrap}.range-fields label{min-width:180px}.summary-filter{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;margin-bottom:18px;border:1px solid #edcaa9;border-radius:8px;background:#fff5eb}.summary-filter button{font-size:24px;line-height:1;background:transparent;border:0;padding:8px;color:#7e3c0c}.day-tabs{flex-wrap:wrap}.range-error{padding:0 22px;color:#a52828}@media(max-width:760px){.range-fields{padding:0 16px 16px;gap:12px}.range-fields label{flex:1;min-width:140px}.day-tabs button{flex:1 0 28%}} .summary-filter button{min-width:44px;min-height:44px}@media(max-width:760px){.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.sidebar nav button{min-width:0}} .badge.red{background:#fee2e2;color:#991b1b}.badge.purple{background:#f0e5ff;color:#6b21a8}.message.terminal-red{background:#fee2e2;color:#991b1b;border-color:#f5b3b3}.message.terminal-purple{background:#f0e5ff;color:#6b21a8;border-color:#d8b4fe} .set-report{padding:20px 22px;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:18px;align-items:center}.set-report label{max-width:220px}.set-report small{display:block;color:var(--muted);margin-top:6px}.set-report .fine{flex-basis:100%;margin:0}.set-report .set-scope{display:flex;flex-direction:row;align-items:center;gap:10px}.set-scope input{width:20px;height:20px}.set-report .text-button{display:block} .setter-create-bar{display:flex;justify-content:flex-end;margin-bottom:20px}.setter-create-bar .primary{min-height:48px}@media(max-width:760px){.setter-create-bar .primary{width:100%}} .setter-table-head,.setter-appointment-row{grid-template-columns:1fr 1.4fr 1fr 1fr}.setter-appointment-row>span{text-transform:none}@media(max-width:760px){.setter-appointment-row{grid-template-columns:1fr 1fr}.setter-appointment-row>strong{grid-column:1 / -1}.setter-appointment-row>span:nth-child(2){grid-column:1 / -1}} @media(max-width:760px){.day-tabs{flex-wrap:wrap}.day-tabs button{flex:1 0 28%}} .user-block .account-name{display:flex;flex-direction:column;align-items:flex-start;text-align:left;flex:1;min-width:0;color:inherit;background:none;border:0;padding:0;cursor:pointer} .address-match{display:block;width:100%;padding:12px;text-align:left;background:white;border:1px solid #ddd}.address-match:hover,.address-match:focus{background:#fff1e5} .delete-lead-button{color:#a32929;border-color:#d99595}.primary.delete-lead-button{background:#a32929;color:white}.delete-lead-confirm{border:1px solid #ddd;border-radius:16px;padding:26px;width:min(480px,calc(100vw - 30px));max-height:85dvh;overflow:auto;color:#26362c;background:white}.delete-lead-confirm::backdrop{background:#15271a88}.deleted-leads{padding:22px;margin-bottom:20px} .test-lead-control{margin-bottom:18px}.test-lead-control>button{margin-left:auto;display:block} .lead-card-admin-actions:has(.delete-lead-button){margin:8px 0 24px;padding:0 0 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:flex-end} .lead-card-heading{align-items:center;gap:16px}.lead-card-heading h2{margin:0;flex:1}.lead-card-heading .lead-card-admin-actions{margin:0;padding:0;border:0}.lead-card-summary-divider{border:0;border-top:1px solid #e5e7eb;margin:24px 0} .lead-card-section-title{margin-bottom:20px} .lead-card .lead-card-heading{margin-bottom:12px}.lead-card-contact-summary{display:grid;gap:7px}.lead-card .lead-card-contact-summary p{margin:0;font-size:15px;line-height:1.4}.lead-card-contact-summary a{font-size:inherit;font-weight:400}.lead-card .lead-card-summary-divider{margin:18px 0}.lead-card-section-title{margin-bottom:14px} :root{font-family:'DM Sans',Arial,sans-serif;color:#252525;background:#f5f6f8;font-synthesis:none;--orange:#f47721;--border:#e4e6e9;--muted:#686c74}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #f47721;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #f47721;outline-offset:1px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h1{font-size:2.2rem;letter-spacing:-1.1px;line-height:1.2;margin-bottom:12px}h2{font-size:1.25rem}h3{font-size:1.1rem}p{line-height:1.6}a{color:#9c470e}.orange{color:var(--orange)}.muted,.fine{color:var(--muted)}.fine{font-size:.875rem;line-height:1.65}.eyebrow{font-size:.75rem;letter-spacing:1.7px;font-weight:700;display:block;margin-bottom:14px}.brand{display:flex;align-items:center;gap:11px;color:white;font-family:'Manrope',sans-serif;font-size:.95rem;font-weight:800;letter-spacing:.3px;white-space:nowrap}.brand-mark{background:var(--orange);color:#181818;display:grid;place-items:center;border-radius:8px;width:36px;height:43px;flex-shrink:0}.brand-mark svg{width:25px;height:29px}.brand small{display:block;font-size:.67rem;font-weight:600;letter-spacing:3px;margin-top:4px;color:#b6b6b6}.brand b{color:var(--orange);margin:0 4px}.app-shell{display:flex;min-height:100vh}.sidebar{width:258px;background:#181a1c;color:#aaaeb4;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:32px 21px 0;z-index:5}.workspace-label{font-size:.7rem;letter-spacing:1.7px;margin:48px 14px 16px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:12px;min-height:49px;background:none;color:#b8bbc0;border:0;border-radius:7px;padding:13px;font-size:.9rem;text-align:left}.sidebar nav button span{flex:1}.sidebar nav button.active{background:#34302b;color:#ffab6b}.sidebar nav button:hover{background:#292b2e}.sidebar-note{margin-top:auto;border:1px solid #36383b;padding:18px;border-radius:9px;font-size:.82rem}.sidebar-note svg{color:var(--orange);margin-bottom:13px}.sidebar-note strong{display:block;color:#dedfe1}.sidebar-note p{margin:8px 0 0}.user-block{display:flex;align-items:center;gap:10px;padding:26px 0;border-top:1px solid #333;margin-top:24px}.avatar{border-radius:50%;background:#fae8da;color:#93440b;width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;font-weight:700}.user-block strong{font-size:.83rem;color:#eee}.user-block small{display:block;font-size:.75rem;margin-top:4px}.user-block button{background:transparent;border:0;color:#bcbcbc;margin-left:auto;padding:5px}.workspace{margin-left:258px;flex:1;min-width:0}.topbar{height:76px;background:white;border-bottom:1px solid var(--border);padding:0 38px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--muted)}.topbar>span{display:flex;align-items:center;gap:12px}.topbar strong{font-weight:500;color:#242424}.demo-bar{padding:9px 38px;background:#fff2e6;border-bottom:1px solid #f1d8c1;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.78rem;color:#8b481c}.demo-bar label{display:flex;align-items:center;gap:8px;margin:0;font-size:.78rem}.demo-bar select{padding:5px 20px 5px 8px;min-height:32px;margin:0;width:auto;font-size:.78rem}.content{max-width:1440px;margin:auto;padding:36px 38px 48px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading .eyebrow{color:#727780;font-size:.7rem;margin-bottom:11px}.page-heading p{margin:0;font-size:.94rem}.primary,.secondary{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;min-height:46px;border-radius:6px;font-weight:650;font-size:.9rem}.primary{background:var(--orange);color:#181818}.primary:hover{background:#e66b18}.secondary{background:white;border-color:#d7d9dd;color:#333}.wide{width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:28px}.stat{background:white;border:1px solid var(--border);border-radius:8px;padding:20px;display:flex;justify-content:space-between;gap:10px}.stat>div>span{font-size:.85rem;color:var(--muted)}.stat strong{display:block;font-family:'Manrope';font-size:2rem;margin-top:9px;font-weight:750}.stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#f5f5f6;color:#626771}.stat-icon svg{width:18px}.panel{border:1px solid var(--border);border-radius:10px;background:white;overflow:hidden}.list-toolbar{padding:22px;display:flex;justify-content:space-between;gap:16px;align-items:center}.day-tabs{display:flex;background:#f2f3f5;border:1px solid #eceef0;padding:4px;border-radius:7px}.day-tabs button{border:0;background:none;padding:9px 14px;color:#737781;border-radius:5px;font-size:.85rem}.day-tabs button.selected{background:white;color:#242424;box-shadow:0 1px 4px #00000014;font-weight:600}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:6px;padding:0 10px;color:#8a8e95}.search input{border:0!important;margin:0!important;font-size:.83rem!important;width:190px;padding:10px 0!important;background:white;min-height:40px!important}.list-caption{padding:0 23px 21px;display:flex;justify-content:space-between;font-size:.83rem}.list-caption span{color:#777}.table-head,.appointment-row{display:grid;grid-template-columns:1.2fr 1.15fr 1fr .8fr 18px;gap:20px;align-items:center;padding:20px 23px}.table-head{background:#fafbfc;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:.66rem;letter-spacing:.8px;color:#717680;padding-top:13px;padding-bottom:13px}.appointment-row{width:100%;text-align:left;background:white;border:0;border-bottom:1px solid #eceef0;font-size:.88rem;color:#333;min-height:111px}.appointment-row:last-child{border-bottom:0}.appointment-row:hover{background:#fffbf7}.appointment-row small{display:flex;align-items:center;gap:5px;color:#757b85;font-size:.76rem;margin-top:6px}.homeowner strong{display:block;margin-top:8px}.homeowner>small:first-child{margin-top:0;color:#535c69;font-weight:600}.badge{font-size:.72rem;line-height:1.4;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;background:#f1f3f5;color:#555}.green{color:#247457;background:#e7f4ec}.yellow{color:#946615;background:#fff3d7}.outline{background:transparent;border:1px solid #dcdfe3;font-size:.85rem;padding:8px 12px}.bottom-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#7e848b;font-size:.78rem;margin-top:24px;line-height:1.5}.back-link{display:flex;gap:7px;align-items:center;background:none;border:0;color:#727780;padding:0;margin:0 0 25px;font-size:.82rem}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:27px;align-items:start}.steps{display:flex;gap:32px;border-bottom:1px solid #dedfe3;margin:0 0 21px;padding-bottom:16px;font-size:.82rem;color:#7c828a}.steps span{display:flex;align-items:center;gap:9px}.steps b{border:1px solid #d9dce0;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:.75rem}.steps .current{color:#b2530f;font-weight:600}.steps .current b,.steps .done b{background:var(--orange);border-color:var(--orange);color:#191919}.appointment-form section{padding:27px;border-bottom:1px solid var(--border)}.section-title{display:flex;gap:12px;margin-bottom:21px}.section-number{font-size:.73rem;color:#ab5b23;background:#fff1e5;border:1px solid #ffe3cf;border-radius:6px;width:31px;height:31px;display:grid;place-items:center;flex-shrink:0}.section-title h2{font-size:1rem;margin-bottom:6px}.section-title p{color:#7d828a;font-size:.8rem;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.full{grid-column:1/-1}label{display:block;font-size:.84rem;font-weight:500;color:#424751}input,select,textarea{display:block;width:100%;border:1px solid #dcdfe4;border-radius:6px;padding:11px 12px;min-height:44px;margin-top:8px;background:#fff;color:#242933;font-size:1rem}input::placeholder,textarea::placeholder{color:#999ea6;font-size:.88rem}textarea{resize:vertical}.split{display:grid;grid-template-columns:.7fr 1.3fr;gap:13px}.upload{border:1px dashed #c9cdd3;border-radius:7px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:9px;margin-bottom:20px;background:#fcfcfd;text-align:center}.upload svg{color:#8c929b}.upload span{font-size:.75rem;color:#8a9098}.upload input{font-size:.8rem;max-width:280px;background:white;border:0;padding:5px}.form-footer{padding:21px 27px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fcfcfd}.form-footer>span{font-size:.78rem;color:#92969d}.form-aside{margin-top:64px;border-radius:9px;padding:25px 21px;background:#eceef1}.section-icon{display:inline-grid;place-items:center;background:#ffead9;color:#bf5c13;border-radius:8px;width:43px;height:43px;margin-bottom:20px}.form-aside h3{font-size:1.2rem;line-height:1.45;letter-spacing:-.3px}.form-aside>p{font-size:.83rem;color:#717781;line-height:1.8;margin-bottom:24px}.next-steps{border-top:1px solid #d5d9df;padding-top:24px}.next-steps .eyebrow{font-size:.64rem;letter-spacing:1px;color:#777e89}.next-steps p{display:flex;gap:10px;font-size:.8rem;align-items:start;margin:18px 0}.next-steps b{font-size:.65rem;background:#fff;border:1px solid #dfe2e7;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;flex-shrink:0}.next-steps small{display:block;font-size:.73rem;color:#7e8590;margin-top:2px;line-height:1.5}.aside-footer{border-top:1px solid #d5d9df;padding-top:20px;margin-top:24px;display:flex;align-items:start;gap:9px;color:#79818b;font-size:.73rem;line-height:1.6}.aside-footer svg{flex-shrink:0}.message{margin:14px 0;padding:14px 16px;border:1px solid #e9d5be;border-radius:6px;background:#fff8ed;color:#815426;font-size:.88rem;line-height:1.65;overflow-wrap:anywhere}.error{background:#fff1f1;color:#a12727;border-color:#efcaca}.empty{text-align:center;color:#7d838c;padding:60px 20px}.empty svg{color:#acb0b8;margin-bottom:14px}.empty h3{color:#454a52}.empty p{font-size:.9rem}.review{padding:28px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin:28px 0}.review-grid small{display:block;color:#858b94;font-size:.8rem;margin-bottom:7px}.review-grid strong{font-size:.94rem;line-height:1.6;overflow-wrap:anywhere;font-weight:500;white-space:pre-wrap}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}.success{padding:50px 30px;text-align:center;max-width:760px;margin:40px auto}.success-icon{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;color:#228253;background:#e8f7ed;margin:0 auto 25px}.success .muted{max-width:490px;margin:25px auto}.success .actions{justify-content:center}.team-row{display:flex;align-items:center;gap:15px;padding:20px;border-bottom:1px solid var(--border)}.team-row .badge{margin-left:auto}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand{background:#17191b;color:white;padding:50px 60px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;border-bottom:8px solid var(--orange)}.auth-brand .eyebrow{color:#f79851;margin-bottom:26px}.auth-brand h1{font-size:3.5rem;letter-spacing:-2px;line-height:1.15}.auth-brand p{font-size:1.1rem;color:#999fa6;line-height:1.9}.auth-foot{font-size:.72rem;letter-spacing:2px;color:#838991}.auth-main{display:grid;place-items:center;padding:40px;background:white}.auth-card{max-width:370px;width:100%}.auth-card h2{font-size:1.85rem;letter-spacing:-.7px;margin-bottom:11px}.auth-card label{margin:21px 0}.auth-card .fine{text-align:center;margin-top:20px}.text-button{background:none;border:0;color:#a4561f;padding:12px 0;font-size:.88rem}.loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#181a1c;color:#ccc;gap:30px}.detail-dialog{position:fixed;inset:10% 0 auto;width:min(620px,calc(100% - 30px));border:1px solid #d9dde2;border-radius:12px;padding:28px;box-shadow:0 0 0 100vmax #10101080;z-index:20;max-height:80vh;overflow-y:auto}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-head .eyebrow{margin:0}.detail-dialog p{overflow-wrap:anywhere}.detail-dialog h2{font-size:1.6rem} @media(min-width:1500px){.content{padding-top:46px}.form-layout{grid-template-columns:minmax(0,1fr) 285px}}@media(max-width:1150px){.sidebar{width:220px;padding-left:14px;padding-right:14px}.brand{font-size:.8rem;gap:8px}.workspace{margin-left:220px}.content{padding:26px}.form-layout{grid-template-columns:minmax(0,1fr)}.form-aside{display:none}.table-head,.appointment-row{gap:12px;padding-left:16px;padding-right:16px;grid-template-columns:1.1fr 1fr 1fr .8fr 12px}.list-toolbar{flex-wrap:wrap}.stat{padding:15px}.stat-icon{display:none}.topbar,.demo-bar{padding-left:26px;padding-right:26px}} @media(max-width:760px){h1{font-size:1.9rem}.sidebar{position:sticky;top:0;inset:auto;width:100%;padding:14px 17px 8px}.sidebar>.brand{font-size:.85rem}.sidebar .brand-mark{height:30px;width:27px}.sidebar .brand-mark svg{width:19px;height:24px}.sidebar .brand small{display:none}.workspace-label,.sidebar-note{display:none}.sidebar nav{display:flex;gap:6px;margin-top:14px}.sidebar nav button{min-height:40px;padding:8px 10px;font-size:.77rem;gap:7px}.sidebar nav button>svg:last-child:not(:first-child){display:none}.sidebar .user-block{position:absolute;top:12px;right:15px;padding:0;border:0;margin:0}.user-block .avatar,.user-block>span{display:none}.user-block button{padding:7px}.app-shell{display:block}.workspace{margin-left:0}.topbar{display:none}.demo-bar{padding:9px 17px;flex-wrap:wrap;font-size:.72rem}.demo-bar label{font-size:.73rem}.content{padding:25px 17px 40px}.page-heading{align-items:start;flex-wrap:wrap;gap:17px;margin-bottom:23px}.page-heading p{font-size:.88rem}.page-heading>.primary{width:100%;font-size:.9rem}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:22px}.stat{padding:15px 17px}.stat strong{font-size:1.75rem}.stat>div>span{font-size:.8rem}.list-toolbar{padding:15px}.day-tabs{width:100%}.day-tabs button{flex:1}.search{width:100%}.search input{width:100%}.list-caption{padding:0 16px 17px;font-size:.77rem}.table-head{display:none}.appointment-row{grid-template-columns:1fr auto;gap:12px;padding:19px 16px}.homeowner{grid-column:1}.property{grid-column:1;font-size:.85rem}.statuses{grid-column:2;grid-row:1}.assignment{grid-column:2;grid-row:2}.appointment-row>svg{display:none}.appointment-row small{font-size:.75rem}.bottom-note{align-items:start;font-size:.74rem}.bottom-note svg{flex-shrink:0}.form-grid{grid-template-columns:1fr;gap:18px}.appointment-form section{padding:22px 18px}.section-title p{font-size:.78rem}.form-footer{padding:18px;display:block}.form-footer>span{display:none}.form-footer .primary{width:100%}.steps{gap:22px;font-size:.78rem}.form-layout{gap:0}.page-heading>.badge{display:none}.review{padding:20px}.review-grid{grid-template-columns:1fr}.actions{flex-direction:column-reverse}.success{padding:35px 20px}.auth-layout{grid-template-columns:1fr}.auth-brand{min-height:auto;padding:26px;border-bottom:4px solid var(--orange)}.auth-brand>div:not(.brand),.auth-foot{display:none}.auth-main{padding:35px 24px}.auth-card{max-width:420px}.detail-dialog{top:5%;max-height:90vh;padding:22px}.team-row{flex-wrap:wrap;font-size:.88rem}} .statuses{display:flex;flex-direction:column;align-items:flex-start;gap:10px;line-height:1.5}.statuses .badge{margin:0;white-space:normal}.badge.hot-confirmed{background:#176144;color:#f0fff5;font-weight:700;border:1px solid #104d35}.set-timestamp{line-height:1.5;font-variant-numeric:tabular-nums}.review-grid .badge{width:fit-content} .badge.confirmation-pending{background:#ffe2a3;color:#713900;border:1px solid #d58a16;font-weight:800;box-shadow:inset 3px 0 0 #c77808;padding-left:11px}.manager-queue-row .badge.confirmation-pending{color:#713900} @media(min-width:761px){ .sidebar{height:100vh;height:100dvh;overflow:hidden} .sidebar>.brand,.sidebar>.workspace-label,.sidebar>.user-block{flex-shrink:0} .sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;align-content:start;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#61666d transparent;padding:3px 5px 3px 3px;margin:0 -5px 0 -3px} .sidebar-note{flex-shrink:0;margin-top:16px} .sidebar>.user-block{margin-top:16px} } @media(min-width:761px) and (max-height:850px){.sidebar-note{display:none}.sidebar>.workspace-label{margin-top:24px}.sidebar>.user-block{padding:18px 0}} .issue-action-buttons{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin-top:18px}.issue-action-buttons>button{flex:1 1 180px;margin:0;min-height:48px} :not(.appt-group-0)+.appointment-row.appt-group-0,:not(.appt-group-0)+.manager-queue-row.appt-group-0{border-top:0;margin-top:28px;position:relative;padding-top:54px} :not(.appt-group-0)+.appointment-row.appt-group-0::before,:not(.appt-group-0)+.manager-queue-row.appt-group-0::before{position:absolute;top:4px;left:18px;border:1.5px solid currentColor;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;line-height:18px;background:white;content:"Active";color:#15803d} :not(.appt-group-1)+.appointment-row.appt-group-1,:not(.appt-group-1)+.manager-queue-row.appt-group-1{border-top:0;margin-top:28px;position:relative;padding-top:54px} :not(.appt-group-1)+.appointment-row.appt-group-1::before,:not(.appt-group-1)+.manager-queue-row.appt-group-1::before{position:absolute;top:4px;left:18px;border:1.5px solid currentColor;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;line-height:18px;background:white;content:"Rescheduled";color:#7c3aed} :not(.appt-group-2)+.appointment-row.appt-group-2,:not(.appt-group-2)+.manager-queue-row.appt-group-2{border-top:0;margin-top:28px;position:relative;padding-top:54px} :not(.appt-group-2)+.appointment-row.appt-group-2::before,:not(.appt-group-2)+.manager-queue-row.appt-group-2::before{position:absolute;top:4px;left:18px;border:1.5px solid currentColor;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;line-height:18px;background:white;content:"Cancels";color:#dc2626} :not(.appt-group-3)+.appointment-row.appt-group-3,:not(.appt-group-3)+.manager-queue-row.appt-group-3{border-top:0;margin-top:28px;position:relative;padding-top:54px} :not(.appt-group-3)+.appointment-row.appt-group-3::before,:not(.appt-group-3)+.manager-queue-row.appt-group-3::before{position:absolute;top:4px;left:18px;border:1.5px solid currentColor;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;line-height:18px;background:white;content:"DQ / Sat DQs";color:#dc2626} :not(.appt-group-4)+.appointment-row.appt-group-4,:not(.appt-group-4)+.manager-queue-row.appt-group-4{border-top:0;margin-top:28px;position:relative;padding-top:54px} :not(.appt-group-4)+.appointment-row.appt-group-4::before,:not(.appt-group-4)+.manager-queue-row.appt-group-4::before{position:absolute;top:4px;left:18px;border:1.5px solid currentColor;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;line-height:18px;background:white;content:"Failed QA";color:#dc2626} /* Shared installed-app and mobile-browser navigation. */ .brand-refresh{border:0;background:transparent;padding:0;text-align:left;cursor:pointer} .brand-refresh:hover{opacity:.85} .mobile-navigation-bar{display:none} .navigation-drawer{padding:0;border:0;background:transparent;color:inherit;max-width:none;max-height:none} .navigation-drawer::backdrop{background:rgb(0 0 0 / 45%)} .navigation-toggle{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #414448;border-radius:8px;background:transparent;color:white;padding:8px} @media(max-width:760px){ .app-shell{display:block} .app-shell>.desktop-navigation{display:none} .mobile-navigation-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#181a1c;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));position:sticky;top:0;z-index:20} .mobile-navigation-bar .brand{font-size:.85rem} .app-shell>.workspace{margin-left:0;width:100%} .navigation-drawer{inset:0 auto 0 0;margin:0;width:min(340px,90vw);height:100%;height:100dvh;overflow:visible} .navigation-drawer>.sidebar{position:relative;inset:auto;width:100%;height:100%;display:flex;flex-direction:column;padding:16px 20px max(12px,env(safe-area-inset-bottom));overflow:hidden;border-radius:0 16px 16px 0} .drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0} .drawer-heading .brand{font-size:.8rem} .navigation-drawer .workspace-label{display:block;margin:24px 12px 12px;flex-shrink:0} .app-shell .navigation-drawer .sidebar nav{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;gap:5px;padding:4px;scrollbar-width:thin} .navigation-drawer .sidebar nav button{flex-shrink:0;width:100%;min-height:46px} .navigation-drawer .sidebar-note{display:none} .navigation-drawer .user-block{display:flex;flex-shrink:0;margin-top:12px;padding:16px 0 0} } @media(max-width:760px){ .navigation-drawer .sidebar .user-block{position:static;inset:auto;display:flex;margin-top:12px;padding:16px 0 0;border-top:1px solid #414448} .navigation-drawer .sidebar nav{margin-top:0} .navigation-drawer .sidebar .brand small{display:block} .app-shell .workspace .topbar{display:flex;height:auto;min-height:52px;padding:10px 16px;gap:10px;flex-wrap:wrap} .app-shell .workspace .topbar>.top-date{display:none} } .setter-name-highlight{display:inline-block;padding:2px 7px;border-radius:5px;font-weight:700}.setter-name-sunny{background:#fff09c;color:#513d00}.setter-name-growth{background:#d8eaff;color:#124881} /* Promised follow-ups sit between Active and Rescheduled. */ :not(.appt-group-0\.5)+.appointment-row.appt-group-0\.5,:not(.appt-group-0\.5)+.manager-queue-row.appt-group-0\.5{border-top:0;margin-top:28px;position:relative;padding-top:54px} :not(.appt-group-0\.5)+.appointment-row.appt-group-0\.5::before,:not(.appt-group-0\.5)+.manager-queue-row.appt-group-0\.5::before{position:absolute;top:4px;left:18px;border:1.5px solid #2563eb;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;line-height:18px;background:white;content:"No Sale - Following Up";color:#2563eb} .badge.blue{background:#dbeafe;color:#1e40af} /* Booking controls must shrink to their grid cell, including native iOS inputs. */ .form-layout > *, .appointment-form, .appointment-form section, .appointment-form fieldset, .appointment-form .form-grid > *, .appointment-form .split > *, .appointment-form .section-title > div {min-width:0;max-width:100%;} .appointment-form .form-grid {grid-template-columns:repeat(2,minmax(0,1fr));} .appointment-form .split {grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);} .appointment-form input,.appointment-form select,.appointment-form textarea {box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-inline-size:0;max-inline-size:100%;} .appointment-form input[type="date"],.appointment-form input[type="time"] {appearance:none;-webkit-appearance:none;display:block;inline-size:100%;min-inline-size:0;max-inline-size:100%;} .appointment-form input::-webkit-date-and-time-value {text-align:left;min-width:0;} .appointment-form input::-webkit-datetime-edit {min-width:0;padding:0;} .appointment-form .upload {min-width:0;overflow-wrap:anywhere;} .appointment-form .upload input {max-width:100%;} @media(max-width:760px){ .appointment-form .form-grid {grid-template-columns:minmax(0,1fr);} .form-layout .steps {flex-wrap:wrap;gap:12px 20px;} .appointment-form .form-footer .primary {min-width:0;white-space:normal;} } .goal-period-tabs{background:#fff0df} .appointment-source-controls{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px 24px;margin:16px 0 24px} .appointment-source-controls>.appointment-view-switch{margin:0;flex:1 1 280px;min-width:0} .appointment-source-controls>.appointment-view-switch>.fine{margin:8px 0 0;max-width:48ch} .appointment-source-controls>.day-tabs{flex:0 1 auto;flex-wrap:wrap;gap:4px;max-width:100%} .appointment-source-controls>.day-tabs button{white-space:nowrap;min-height:44px} @media(max-width:760px){.appointment-source-controls{flex-direction:column;gap:12px;margin-bottom:24px}.appointment-source-controls>.appointment-view-switch{flex:0 1 auto;width:100%}.appointment-source-controls>.day-tabs{width:100%}} .goal-period-tabs button{color:#803b13} .goal-period-tabs .selected{background:#b94b0d;color:#fff} .goal-period-tabs button:focus-visible{outline:3px solid #ea8b42;outline-offset:2px} .badge.setter-appointment-tag{background:#151515;color:#d6d6d6;border:1px solid #8a8a8a} .why-photo{display:block;width:100%;max-width:420px;max-height:300px;object-fit:contain;border-radius:14px;margin:16px 0} /* Energy Garden visual overhaul. Import after existing screen styles. Opt in with body.eg-visual-overhaul. Workflow behavior and semantic badge colors stay with their existing components. Canvassing, presentation and assistant panes are excluded. Account Home accents remain available. */ body.eg-visual-overhaul { --vo-canvas: #f5f6fb; --vo-surface: #ffffff; --vo-surface-soft: #f9f8fc; --vo-ink: #2d253c; --vo-muted: #70677d; --vo-line: #e5e2ed; --vo-line-strong: #d3c8df; --vo-violet: #7441bf; --vo-crimson: #bc365f; --vo-accent-soft: #f2ebfc; --vo-gradient: linear-gradient(112deg, #7441bf 0%, #873caa 52%, #b9345d 100%); --vo-shadow: 0 5px 24px rgb(48 30 68 / 4%); --vo-radius: 18px; --vo-sidebar: 236px; background: var(--vo-canvas); } /* Application frame. Drawer selection and modal behavior remain owned by ResponsiveNavigation. */ body.eg-visual-overhaul .app-shell:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: radial-gradient(ellipse at 85% 0%, #f1ecf8 0, transparent 42%), var(--vo-canvas); } body.eg-visual-overhaul .app-shell > .desktop-navigation:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { width: var(--vo-sidebar); padding: 28px 16px 0; border-right: 1px solid var(--vo-line); box-shadow: 4px 0 26px rgb(44 24 66 / 2%); } body.eg-visual-overhaul .app-shell .sidebar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #fbfafd; color: var(--vo-muted); } body.eg-visual-overhaul .app-shell > .workspace:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { margin-left: var(--vo-sidebar); background: transparent; min-width: 0; } body.eg-visual-overhaul .app-shell > .universal-navigation-bar ~ .workspace:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { margin-left: 0; width: 100%; } body.eg-visual-overhaul .app-shell .content:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { width: 100%; max-width: 1540px; min-width: 0; margin-inline: auto; padding: 34px 36px 88px; background: transparent; } body.eg-visual-overhaul .sidebar .brand:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .universal-navigation-bar .brand:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #38274e; font-size: .86rem; letter-spacing: .2px; line-height: 1.35; } body.eg-visual-overhaul .sidebar .brand small:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .universal-navigation-bar .brand small:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: var(--vo-muted); font-size: .61rem; letter-spacing: 2.4px; } body.eg-visual-overhaul .sidebar .brand b:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .universal-navigation-bar .brand b:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: var(--vo-violet); } body.eg-visual-overhaul .sidebar .brand-mark:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .universal-navigation-bar .brand-mark:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .sidebar .brand-icon:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: linear-gradient(135deg, #efe4fd, #f9e9f0); color: var(--vo-violet); border: 1px solid #e2d4ef; border-radius: 11px; } body.eg-visual-overhaul .sidebar .brand.fellas-logo:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: transparent; height: 76px; max-width: 100%; } body.eg-visual-overhaul .sidebar .workspace-label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { margin: 30px 12px 13px; color: #75677f; font-size: .64rem; font-weight: 600; letter-spacing: 1.7px; } body.eg-visual-overhaul .app-shell .sidebar nav:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { display: flex; flex-direction: column; gap: 5px; min-height: 0; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #cec3dc transparent; } body.eg-visual-overhaul .app-shell .sidebar nav button:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { position: relative; flex-shrink: 0; min-height: 45px; min-width: 0; padding: 11px 12px; gap: 10px; border-radius: 10px; color: #655b73; font-size: .8rem; font-weight: 500; line-height: 1.35; background: transparent; transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease; } body.eg-visual-overhaul .app-shell .sidebar nav button > span:first-of-type:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { min-width: 0; overflow-wrap: anywhere; } body.eg-visual-overhaul .app-shell .sidebar nav button > svg:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { width: 18px; height: 18px; flex-shrink: 0; opacity: .85; } body.eg-visual-overhaul .app-shell .sidebar nav button:hover:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #493258; background: #f1edf7; } body.eg-visual-overhaul .app-shell .sidebar nav button.active:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #5f2d90; background: linear-gradient(105deg, #eee5fc 0%, #f9edf4 100%); box-shadow: inset 3px 0 0 var(--vo-violet); font-weight: 650; } body.eg-visual-overhaul .app-shell .sidebar nav button.active > svg:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: var(--vo-violet); opacity: 1; } body.eg-visual-overhaul .sidebar-note:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #f4f0f8; border: 1px solid var(--vo-line); border-radius: 13px; padding: 16px; font-size: .75rem; line-height: 1.55; color: var(--vo-muted); } body.eg-visual-overhaul .sidebar-note strong:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #584164; font-weight: 600; } body.eg-visual-overhaul .sidebar-note svg:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: var(--vo-violet); width: 19px; margin-bottom: 8px; } body.eg-visual-overhaul .sidebar-note p:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: var(--vo-muted); } body.eg-visual-overhaul .app-shell .sidebar .user-block:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: var(--vo-line); margin-top: 16px; padding: 20px 4px; gap: 9px; } body.eg-visual-overhaul .sidebar .user-block strong:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: var(--vo-ink); font-size: .78rem; line-height: 1.35; overflow-wrap: anywhere; } body.eg-visual-overhaul .sidebar .user-block small:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: var(--vo-muted); font-size: .67rem; line-height: 1.45; } body.eg-visual-overhaul .sidebar .user-block button:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #6d607c; } body.eg-visual-overhaul .sidebar .avatar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #eae0f5; color: #643e86; width: 35px; height: 35px; font-size: .78rem; border: 1px solid #ddcde9; } body.eg-visual-overhaul .app-shell > .universal-navigation-bar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #fcfbfe; border-bottom: 1px solid var(--vo-line); box-shadow: 0 3px 15px rgb(43 26 59 / 4%); color: var(--vo-ink); } body.eg-visual-overhaul .navigation-toggle:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #fff; border: 1px solid var(--vo-line-strong); color: #68447e; border-radius: 12px; } body.eg-visual-overhaul .navigation-drawer.universal-navigation-drawer:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { width: min(344px, 92vw); } body.eg-visual-overhaul .universal-navigation-drawer > .sidebar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #fbfafd; border-right: 1px solid var(--vo-line); border-radius: 0 22px 22px 0; padding-inline: 18px; } body.eg-visual-overhaul .navigation-drawer::backdrop { background: rgb(32 22 46 / 35%); backdrop-filter: blur(4px); } /* Workspace context and page hierarchy. Controls retain their existing wrapping behavior. */ body.eg-visual-overhaul .app-shell .workspace > .topbar.workspace-header:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { min-height: 72px; height: auto; padding: 13px 36px; gap: 14px; background: #fefeff; border-bottom: 1px solid var(--vo-line); color: var(--vo-muted); font-size: .78rem; } body.eg-visual-overhaul .workspace-header .workspace-breadcrumb:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 10px; color: #75677f; font-size: .77rem; } body.eg-visual-overhaul .workspace-breadcrumb strong:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #4b365c; font-weight: 550; } body.eg-visual-overhaul .workspace-header .manager-focus-controls:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 8px; min-width: 0; } body.eg-visual-overhaul .workspace-header .manager-focus-controls select:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .workspace-header .manager-view-toggle select:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { min-height: 40px; margin-top: 0; border-color: var(--vo-line); border-radius: 10px; background: #faf8fd; font-size: .76rem; color: #5e486f; } body.eg-visual-overhaul .workspace-header .workspace-announcements > .secondary:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { min-height: 40px; padding: 9px 12px; font-size: .74rem; } body.eg-visual-overhaul .workspace-header .notification-bell:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: var(--vo-line); color: #694a7d; background: #fff; margin-right: 4px; } body.eg-visual-overhaul .workspace-header .top-date:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #75677f; font-size: .72rem; font-variant-numeric: tabular-nums; } body.eg-visual-overhaul .team-focus-bar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #fbfafd; border-color: var(--vo-line); padding: 16px 36px; } body.eg-visual-overhaul .demo-bar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 10px 36px; background: #f0eafb; border-bottom: 1px solid #e0d5ed; color: #634878; font-size: .73rem; } body.eg-visual-overhaul .page-heading:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 20px; margin-bottom: 28px; align-items: center; } body.eg-visual-overhaul .page-heading h1:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .content > h1:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: var(--vo-ink); font-size: clamp(1.7rem, 2.5vw, 2.25rem); font-weight: 600; letter-spacing: -1.1px; line-height: 1.16; margin-bottom: 10px; } body.eg-visual-overhaul .page-heading .eyebrow:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #82708f; font-weight: 600; font-size: .64rem; letter-spacing: 1.65px; margin-bottom: 11px; } body.eg-visual-overhaul .page-heading p:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: var(--vo-muted); font-size: .88rem; line-height: 1.65; max-width: 720px; } body.eg-visual-overhaul .page-heading .orange:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: var(--vo-violet); } /* Controls: no legacy semantic color variables or badge classes are overridden. */ body.eg-visual-overhaul .app-shell .primary:not(.delete-lead-button):not(.danger):not(.destructive):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: var(--vo-gradient); color: #fff; border: 1px solid transparent; border-radius: 10px; min-height: 44px; padding: 12px 18px; font-size: .84rem; font-weight: 600; line-height: 1.35; box-shadow: 0 4px 12px rgb(113 51 155 / 12%); transition: filter 150ms ease, box-shadow 150ms ease; } body.eg-visual-overhaul .app-shell .primary:not(.delete-lead-button):not(.danger):not(.destructive):hover:not(:disabled):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { filter: brightness(1.06); box-shadow: 0 5px 16px rgb(113 51 155 / 18%); } body.eg-visual-overhaul .app-shell .secondary:not(.delete-lead-button):not(.danger):not(.destructive):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #fff; color: #5d496e; border: 1px solid var(--vo-line-strong); border-radius: 10px; min-height: 44px; padding: 11px 16px; font-size: .83rem; font-weight: 550; line-height: 1.35; box-shadow: 0 2px 5px rgb(39 20 53 / 2%); transition: background-color 150ms ease, border-color 150ms ease; } body.eg-visual-overhaul .app-shell .secondary:not(.delete-lead-button):not(.danger):not(.destructive):hover:not(:disabled):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #f8f4fc; border-color: #bca4d3; } body.eg-visual-overhaul .app-shell .text-button:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .back-link:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #714599; text-underline-offset: 3px; } body.eg-visual-overhaul .app-shell :is(button, a, summary):focus-visible:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { outline: 3px solid #7b50b4; outline-offset: 3px; } body.eg-visual-overhaul .app-shell :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: #dcd5e6; border-radius: 10px; background: #fff; color: #342b42; box-shadow: inset 0 1px 2px rgb(51 28 76 / 2%); font-size: .88rem; line-height: 1.45; min-width: 0; max-width: 100%; min-inline-size: 0; min-height: 44px; } body.eg-visual-overhaul .app-shell :is(input, select, textarea):focus:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { outline: 2px solid #875ac0; outline-offset: 2px; border-color: #875ac0; } body.eg-visual-overhaul .app-shell :is(input, select, textarea):disabled:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #f3f2f6; color: #71667a; cursor: not-allowed; } body.eg-visual-overhaul .app-shell :is(input, textarea):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *))::placeholder { color: #75677f; font-size: .85rem; } /* Surface system, segmented filters, and appointment lists. Group dividers keep their original top spacing and semantic colors. */ body.eg-visual-overhaul .app-shell .panel:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: var(--vo-line); border-radius: var(--vo-radius); background: #fff; box-shadow: var(--vo-shadow); } body.eg-visual-overhaul .app-shell .stats:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 14px; margin-bottom: 26px; } body.eg-visual-overhaul .app-shell .stat:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border: 1px solid var(--vo-line); border-radius: 15px; background: #fff; padding: 22px; min-width: 0; box-shadow: var(--vo-shadow); color: var(--vo-ink); } body.eg-visual-overhaul .app-shell .stat > div:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { min-width: 0; } body.eg-visual-overhaul .app-shell .stat > div > span:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: var(--vo-muted); font-size: .78rem; line-height: 1.45; } body.eg-visual-overhaul .app-shell .stat strong:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 2rem; font-weight: 550; letter-spacing: -.8px; font-variant-numeric: tabular-nums; line-height: 1.2; } body.eg-visual-overhaul .app-shell .stat-icon:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #f1ebf9; color: #7a56a1; border-radius: 10px; } body.eg-visual-overhaul .app-shell .stat-button[aria-pressed="true"]:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { outline: 2px solid #a986cb; outline-offset: 1px; background: #faf6ff; } body.eg-visual-overhaul .app-shell .stat-button:hover:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: #c9b2df; background: #fcfaff; } body.eg-visual-overhaul .app-shell .list-toolbar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 16px; padding: 21px 23px; border-bottom: 1px solid #f0ecf5; } body.eg-visual-overhaul .app-shell .list-caption:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 18px 23px; color: var(--vo-muted); font-size: .78rem; line-height: 1.5; gap: 12px; } body.eg-visual-overhaul .app-shell .day-tabs:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .workflow-tabs:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .goal-period-tabs:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #f1eef7; border: 1px solid #e8e0ef; border-radius: 11px; padding: 4px; gap: 3px; } body.eg-visual-overhaul .app-shell .day-tabs button:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .workflow-tabs button:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .goal-period-tabs button:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #796985; border-radius: 8px; font-size: .8rem; font-weight: 500; line-height: 1.35; min-height: 40px; padding: 10px 13px; } body.eg-visual-overhaul .app-shell .day-tabs button.selected:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .workflow-tabs button[aria-selected="true"]:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .goal-period-tabs .selected:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #fff; color: #683494; font-weight: 650; box-shadow: 0 2px 6px rgb(66 29 89 / 8%); } body.eg-visual-overhaul .app-shell .search:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: #dcd5e6; border-radius: 10px; background: #fff; color: #917ea0; } body.eg-visual-overhaul .app-shell .search:focus-within:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { outline: 2px solid #875ac0; outline-offset: 2px; } body.eg-visual-overhaul .app-shell .search input:focus:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { outline: none; } body.eg-visual-overhaul .app-shell .summary-filter:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .report-filter:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border: 1px solid #decee9; background: #f7f1fc; color: #604073; border-radius: 11px; padding: 12px 17px; } body.eg-visual-overhaul .app-shell .summary-filter button:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #795194; } body.eg-visual-overhaul .app-shell .table-head:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #f7f6fb; color: #746280; border-color: var(--vo-line); font-size: .62rem; font-weight: 600; letter-spacing: 1px; line-height: 1.45; } body.eg-visual-overhaul .app-shell .appointment-row:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .manager-queue-row:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .rehash-row:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .review-appointment:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #fff; color: var(--vo-ink); border-color: #ece7f1; font-size: .84rem; line-height: 1.5; transition: background-color 140ms ease, border-color 140ms ease; } body.eg-visual-overhaul .app-shell .appointment-row:hover:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .manager-queue-row:hover:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .rehash-row:hover:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .review-appointment:hover:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #faf8fe; border-color: #d7c8e5; } body.eg-visual-overhaul .app-shell .appointment-row > :is(span, div):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .manager-queue-row > span:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { min-width: 0; overflow-wrap: anywhere; } body.eg-visual-overhaul .app-shell .appointment-row small:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .manager-queue-row small:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #7a6c88; font-size: .75rem; line-height: 1.5; } body.eg-visual-overhaul .app-shell .manager-scope:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #fbfafd; padding: 19px 22px; gap: 18px; } body.eg-visual-overhaul .app-shell .manager-scope label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { min-width: 0; flex: 0 1 280px; } body.eg-visual-overhaul .app-shell .manager-queue:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 22px; } body.eg-visual-overhaul .app-shell .focus-appointment-group:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: var(--vo-line); border-radius: 15px; box-shadow: var(--vo-shadow); } body.eg-visual-overhaul .app-shell .focus-appointment-group > header:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #f9f7fc; border-color: var(--vo-line); } /* Home composition. Default Garden adopts the approved violet accent; explicit personal themes retain their accent choice. */ body.eg-visual-overhaul .personal-home:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { max-width: 1240px; padding-top: 0; --home-border: #e5deed; --home-ink: #3b2d48; } body.eg-visual-overhaul .personal-home.home-theme-garden:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { --home-tint: #f1eafa; --home-warm: #fff1f5; --home-accent: #7441ac; } body.eg-visual-overhaul .personal-home .welcome-hero:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: linear-gradient(115deg, var(--home-tint), #fff 58%, var(--home-warm)); border: 1px solid var(--home-border); border-radius: 22px; padding: 36px 38px 30px; box-shadow: 0 6px 30px rgb(80 45 114 / 3%); } body.eg-visual-overhaul .personal-home .welcome-sun:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 12px; width: 48px; height: 48px; align-items: center; justify-content: center; background: #ffffffc7; color: var(--home-accent); border: 1px solid var(--home-border); box-shadow: 0 4px 12px rgb(59 25 79 / 4%); } body.eg-visual-overhaul .personal-home .welcome-sun svg:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { width: 24px; height: 24px; } body.eg-visual-overhaul .personal-home .welcome-hero h1:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1.12; font-weight: 600; letter-spacing: -1.5px; margin: 18px 0 14px; color: #392548; } body.eg-visual-overhaul .personal-home .welcome-intro:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .99rem; line-height: 1.7; color: #76667f; max-width: 690px; margin-bottom: 24px; } body.eg-visual-overhaul .personal-home .welcome-hero > .eyebrow:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .personal-home .home-day-card > .eyebrow:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .64rem; font-weight: 600; letter-spacing: 1.5px; } body.eg-visual-overhaul .personal-home .home-start-hint:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .76rem; color: #75617f; line-height: 1.6; margin-top: 16px; } body.eg-visual-overhaul .personal-home .home-day-grid:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .personal-home .welcome-bottom:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 18px; margin-top: 20px; } body.eg-visual-overhaul .personal-home .home-day-card:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .personal-home .welcome-bottom article:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border: 1px solid var(--home-border); border-radius: 18px; background: #fff; padding: 26px; color: var(--home-ink); box-shadow: var(--vo-shadow); min-width: 0; } body.eg-visual-overhaul .personal-home .home-today:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: linear-gradient(150deg, #fff 50%, var(--home-tint)); } body.eg-visual-overhaul .personal-home .home-day-card h2:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 1.37rem; font-weight: 550; line-height: 1.3; letter-spacing: -.55px; margin: 10px 0 13px; } body.eg-visual-overhaul .personal-home .home-card-intro:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .personal-home .home-gentle:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .88rem; line-height: 1.75; color: #75677d; } body.eg-visual-overhaul .personal-home .home-win-list:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { margin: 20px 0; } body.eg-visual-overhaul .personal-home .home-win-list li:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .88rem; line-height: 1.65; padding: 11px 0; margin: 0; border-bottom: 1px solid #f0ebf4; } body.eg-visual-overhaul .personal-home .home-win-list li:last-child:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-bottom: 0; } body.eg-visual-overhaul .personal-home .home-team-wins:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 16px; } body.eg-visual-overhaul .personal-home .home-team-wins h3:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .92rem; font-weight: 600; margin: 12px 0 8px; } body.eg-visual-overhaul .personal-home .home-team-wins dl > div:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .83rem; border-bottom: 1px solid #f0ebf4; padding: 10px 0; font-variant-numeric: tabular-nums; } body.eg-visual-overhaul .personal-home .home-team-total:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-top: 1px solid #d9c9e6; color: var(--home-accent); } body.eg-visual-overhaul .personal-home .home-goal-win:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border: 1px solid var(--home-border); background: linear-gradient(110deg, var(--home-tint), #fff); border-radius: 13px; padding: 17px; margin: 17px 0; } body.eg-visual-overhaul .personal-home .home-goal-progress:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 16px 0; border-top: 1px solid #eee7f3; } body.eg-visual-overhaul .personal-home .home-goal-win h3:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .personal-home .home-goal-progress h3:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .94rem; font-weight: 600; } body.eg-visual-overhaul .personal-home .home-status:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .77rem; line-height: 1.6; color: #786b81; margin: 16px 3px; } body.eg-visual-overhaul .personal-home .welcome-bottom h2:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 1.14rem; line-height: 1.55; font-weight: 550; } body.eg-visual-overhaul .personal-home .welcome-bottom p:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .88rem; line-height: 1.75; color: #75677d; } body.eg-visual-overhaul .personal-home .welcome-team-goals:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: var(--home-border); border-radius: 15px; background: #fff; padding: 20px 24px; } /* Forms retain native control behavior and the existing booking-form shrink constraints. */ body.eg-visual-overhaul .app-shell .appointment-form section:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 28px; border-color: #ebe6f1; } body.eg-visual-overhaul .app-shell .section-number:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #795098; background: #f3ecfc; border-color: #e2d3ed; border-radius: 9px; } body.eg-visual-overhaul .app-shell .section-title:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 13px; margin-bottom: 23px; } body.eg-visual-overhaul .app-shell .section-title h2:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #483053; font-weight: 600; font-size: 1.04rem; } body.eg-visual-overhaul .app-shell .section-title p:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #75677f; font-size: .79rem; line-height: 1.65; } body.eg-visual-overhaul .app-shell .appointment-form label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .workflow-form label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .rehash-form label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #65546f; font-size: .8rem; line-height: 1.45; } body.eg-visual-overhaul .app-shell .form-grid:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 18px 20px; } body.eg-visual-overhaul .app-shell .form-grid > *:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .form-layout > *:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { min-width: 0; } body.eg-visual-overhaul .app-shell .steps:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 24px; border-color: var(--vo-line); color: #75677f; font-size: .78rem; } body.eg-visual-overhaul .app-shell .steps .current:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #77499d; } body.eg-visual-overhaul .app-shell .steps .current b:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .steps .done b:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #eee3fa; border-color: #cfb6e5; color: #704399; } body.eg-visual-overhaul .app-shell .form-aside:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: linear-gradient(140deg, #eeebf5, #f6f0f7); border: 1px solid #e0d8e9; border-radius: 17px; padding: 26px 23px; color: #584469; } body.eg-visual-overhaul .app-shell .form-aside h3:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #5b3b70; font-size: 1.13rem; font-weight: 600; } body.eg-visual-overhaul .app-shell .form-aside > p:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #7a6b86; } body.eg-visual-overhaul .app-shell .form-aside .section-icon:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #fff; color: #8659ad; border: 1px solid #e3d5ed; border-radius: 12px; } body.eg-visual-overhaul .app-shell .form-footer:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #fbfafd; border-top: 1px solid #eee8f3; padding: 22px 28px; } body.eg-visual-overhaul .app-shell .upload:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #fcfaff; border-color: #cdb9df; border-radius: 12px; padding: 24px; color: #796285; } /* Dialog framing and optional explicit appointment zones. Legacy card content stays in document order. */ body.eg-visual-overhaul .app-shell .detail-dialog:not(.quick-door):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .rep-dialog:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .notification-panel:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .delete-lead-confirm:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: #d9cce5; border-radius: 19px; background: #fff; color: var(--vo-ink); box-shadow: 0 24px 80px rgb(33 16 50 / 22%); } body.eg-visual-overhaul .app-shell .detail-dialog:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *))::backdrop, body.eg-visual-overhaul .rep-dialog::backdrop, body.eg-visual-overhaul .notification-panel::backdrop { background: rgb(36 24 49 / 38%); backdrop-filter: blur(4px); } body.eg-visual-overhaul .app-shell dialog.lead-card:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { width: min(840px, calc(100% - 56px)); top: 42px; border-radius: 20px; } body.eg-visual-overhaul .app-shell .lead-card-scroll:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { max-height: calc(100dvh - 76px); padding: 30px; border-radius: 20px; background: #fff; } body.eg-visual-overhaul .app-shell .lead-card-close:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #5b3578; color: #fff; box-shadow: 0 4px 16px rgb(59 23 83 / 24%); width: 44px; height: 44px; top: -16px; right: -16px; } body.eg-visual-overhaul .app-shell .lead-card-close:hover:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #7b439b; } body.eg-visual-overhaul .app-shell .lead-card-section-title:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .64rem; letter-spacing: 1.7px; color: #75677f; font-weight: 600; } body.eg-visual-overhaul .app-shell .lead-card-heading h2:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 1.7rem; font-weight: 600; letter-spacing: -.7px; line-height: 1.25; color: #442c56; } body.eg-visual-overhaul .app-shell .lead-card-contact-summary:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 9px; color: #78657e; margin: 16px 0 20px; } body.eg-visual-overhaul .app-shell .lead-card-contact-summary a:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #74469c; text-underline-offset: 3px; } body.eg-visual-overhaul .app-shell .lead-card-summary-divider:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: #e8deef; } body.eg-visual-overhaul .app-shell .lead-card .review-grid:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 20px; padding: 20px; background: #faf7fd; border: 1px solid #e9e0f1; border-radius: 13px; margin: 20px 0; } body.eg-visual-overhaul .app-shell .lead-card .review-grid small:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #75677f; font-size: .71rem; line-height: 1.45; } body.eg-visual-overhaul .app-shell .lead-card .review-grid strong:not(.badge):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #55415f; font-size: .88rem; font-weight: 550; overflow-wrap: anywhere; } body.eg-visual-overhaul .app-shell .workflow:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .rehash-history:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: #e8dfef; margin-top: 26px; padding-top: 24px; } body.eg-visual-overhaul .app-shell .workflow-history article:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #faf7fd; border-left-color: #ac83c8; border-radius: 0 10px 10px 0; padding: 16px; } body.eg-visual-overhaul .app-shell .rehash-source-summary:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: #e3d7ed; background: #faf7fd; border-radius: 14px; padding: 21px; } body.eg-visual-overhaul .app-shell dialog.lead-card:has(.vo-appointment-layout):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { width: min(1210px, calc(100% - 56px)); } body.eg-visual-overhaul .vo-appointment-header:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 28px 30px 23px; background: linear-gradient(110deg, #f6f0fd, #fff 62%, #fff2f6); border-bottom: 1px solid #e5d9ed; padding-right: 60px; } body.eg-visual-overhaul .vo-appointment-header .lead-card-heading:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { margin: 0; } body.eg-visual-overhaul .vo-appointment-layout:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr) minmax(0, 1.06fr); align-items: start; background: #fff; } body.eg-visual-overhaul .vo-appointment-zone:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 26px; min-width: 0; overflow-wrap: anywhere; align-self: stretch; } body.eg-visual-overhaul .vo-appointment-zone + .vo-appointment-zone:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-left: 1px solid #e9e1f0; } body.eg-visual-overhaul .vo-appointment-zone h3:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .92rem; font-weight: 600; color: #5d3e70; margin: 0 0 16px; } body.eg-visual-overhaul .vo-appointment-zone > .eyebrow:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .64rem; letter-spacing: 1.2px; color: #75677f; margin-bottom: 19px; } body.eg-visual-overhaul .vo-appointment-zone > p:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .85rem; line-height: 1.75; color: #786781; } body.eg-visual-overhaul .vo-appointment-zone .review-grid:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { grid-template-columns: minmax(0, 1fr); padding: 0; margin: 20px 0; background: transparent; border: 0; } body.eg-visual-overhaul .vo-appointment-zone .property-view:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 14px; background: #f8f5fc; border-color: #e6dceb; border-radius: 12px; } body.eg-visual-overhaul .vo-appointment-zone .property-view iframe:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { height: 220px; } body.eg-visual-overhaul .vo-appointment-zone .workflow:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { margin-top: 0; padding-top: 0; border-top: 0; } body.eg-visual-overhaul .vo-appointment-zone .workflow-tabs button:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 9px 7px; min-width: 0; font-size: .75rem; } body.eg-visual-overhaul .vo-appointment-zone .form-grid:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { grid-template-columns: minmax(0, 1fr); } /* Appointment summary hooks. Content, badges and action ordering are owned by the existing components. */ body.eg-visual-overhaul .vo-appointment-badges:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0; } body.eg-visual-overhaul .lead-card-scroll > .vo-appointment-badges:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { margin: 16px 0 24px; } body.eg-visual-overhaul .vo-appointment-badges .badge:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { max-width: 100%; white-space: normal; line-height: 1.4; } body.eg-visual-overhaul .vo-appointment-layout:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border: 1px solid #e5deed; border-radius: 15px; margin-bottom: 26px; } body.eg-visual-overhaul .vo-appointment-zone h3:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { display: flex; align-items: center; gap: 8px; line-height: 1.5; } body.eg-visual-overhaul .vo-appointment-zone h3 svg:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .vo-address > svg:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .vo-appointment-zone > p > svg:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { flex-shrink: 0; color: #845ba3; vertical-align: middle; } body.eg-visual-overhaul .vo-appointment-zone dl:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { display: grid; gap: 16px; margin: 21px 0 26px; } body.eg-visual-overhaul .vo-appointment-zone dl > div:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { min-width: 0; } body.eg-visual-overhaul .vo-appointment-zone dt:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .73rem; line-height: 1.5; color: #70677d; font-weight: 500; } body.eg-visual-overhaul .vo-appointment-zone dd:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { margin: 4px 0 0; font-size: .86rem; line-height: 1.6; color: #44364f; font-weight: 500; min-width: 0; } body.eg-visual-overhaul .vo-appointment-zone .vo-address:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { display: flex; align-items: flex-start; gap: 9px; margin: 0 0 13px; color: #4f3d5e; line-height: 1.7; } body.eg-visual-overhaul .vo-address > svg:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { margin-top: 4px; } body.eg-visual-overhaul .vo-appointment-zone a:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #70409b; text-underline-offset: 3px; } body.eg-visual-overhaul .vo-appointment-zone .vo-appointment-date:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { margin: 0; font-size: .88rem; font-weight: 500; color: #5d3e70; } body.eg-visual-overhaul .vo-appointment-date strong:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { display: block; font-size: 1.6rem; font-weight: 600; line-height: 1.3; letter-spacing: -.6px; color: #46304f; margin: 4px 0; } body.eg-visual-overhaul .vo-appointment-date small:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { display: block; color: #786781; font-size: .73rem; font-weight: 400; } body.eg-visual-overhaul .vo-appointment-zone .vo-appointment-notes:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 15px 16px; border: 1px solid #ece5f2; border-radius: 10px; background: #faf8fc; white-space: pre-wrap; overflow-wrap: anywhere; color: #615369; font-size: .82rem; line-height: 1.7; margin: 0; } /* Reports, pay and team directory surfaces. Financial and status content keep their own rules. */ body.eg-visual-overhaul .app-shell .reports:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .finance-panel:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .pipeline-panel:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .team-form:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .team-list:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .setter-performance:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 26px; } body.eg-visual-overhaul .app-shell .report-controls:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .leader-controls:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .employee-toolbar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .sticky-toolbar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .activity-filters:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border: 1px solid var(--vo-line); border-radius: 14px; background: #faf9fd; padding: 17px 19px; gap: 16px; } body.eg-visual-overhaul .app-shell .report-controls label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .leader-controls label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .employee-toolbar label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .sticky-toolbar label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .activity-filters label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .75rem; color: #776482; line-height: 1.5; } body.eg-visual-overhaul .app-shell .report-table:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .finance-scroll:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .table-scroll:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { max-width: 100%; min-width: 0; scrollbar-width: thin; scrollbar-color: #c8b5d7 #f4f0f8; overscroll-behavior-x: contain; scroll-padding-inline: 12px; } body.eg-visual-overhaul .app-shell .report-table table:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .finance-scroll table:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .performance-table:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .scoreboard:not(:fullscreen) table:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-variant-numeric: tabular-nums; font-size: .81rem; color: #54425f; border-collapse: separate; border-spacing: 0; } body.eg-visual-overhaul .app-shell .report-table :is(th, td):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .finance-scroll :is(th, td):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .performance-table :is(th, td):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .scoreboard:not(:fullscreen) :is(th, td):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-bottom: 1px solid #ece6f2; padding: 15px 13px; line-height: 1.5; } body.eg-visual-overhaul .app-shell .report-table thead th:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .finance-scroll thead th:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .performance-table thead th:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .scoreboard:not(:fullscreen) thead th:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #f5f1fa; color: #796487; font-size: .69rem; font-weight: 600; letter-spacing: .1px; } body.eg-visual-overhaul .app-shell .report-table tbody tr:hover:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .finance-scroll tbody tr:hover:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .performance-table tbody tr:hover:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #fcfaff; } body.eg-visual-overhaul .app-shell .report-table tfoot :is(td, th):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .finance-scroll tfoot :is(td, th):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .performance-table tfoot :is(td, th):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .scoreboard:not(:fullscreen) tfoot :is(td, th):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #f0e9f8; color: #63477a; border-top: 1px solid #d6c4e4; border-bottom: 0; font-weight: 650; } body.eg-visual-overhaul .app-shell .finance-totals:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 20px; gap: 24px; background: linear-gradient(115deg, #f6f1fc, #fff8fa); border: 1px solid #e4d9ed; border-radius: 14px; } body.eg-visual-overhaul .app-shell .finance-totals strong:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #623e7a; font-weight: 550; font-size: 1.7rem; font-variant-numeric: tabular-nums; } body.eg-visual-overhaul .app-shell .employee-team-grid:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 17px; } body.eg-visual-overhaul .app-shell .employee-directory:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { --rep-ink: #46334f; --rep-muted: #7b6b84; } body.eg-visual-overhaul .app-shell .employee-directory .employee-team-choice:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: #e5dcec; border-radius: 17px; padding: 25px; box-shadow: 0 4px 20px rgb(53 24 72 / 3%); } body.eg-visual-overhaul .app-shell .employee-directory .employee-team-choice:hover:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: #c0a1db; box-shadow: 0 8px 24px rgb(68 33 98 / 7%); transform: translateY(-1px); } body.eg-visual-overhaul .app-shell .team-card-icon:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #f1eafa; color: #8256a6; border: 1px solid #e6d8f2; border-radius: 13px; } body.eg-visual-overhaul .app-shell .employee-selected-team:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: linear-gradient(110deg, #f7f3fc, #fff); border-color: #e2d8ed; border-radius: 16px; padding: 22px; } body.eg-visual-overhaul .rep-hero:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: linear-gradient(115deg, #f2eafb, #fcf9ff 60%, #fff0f5); border-bottom: 1px solid #dfd0eb; color: #453052; padding: 28px 32px; } body.eg-visual-overhaul .rep-hero h2:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #493057; font-weight: 600; letter-spacing: -.6px; } body.eg-visual-overhaul .rep-hero p:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #7b6587; } body.eg-visual-overhaul .rep-hero .rep-eyebrow:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #82519f; font-weight: 600; } body.eg-visual-overhaul .rep-identity > .profile-picture:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: #dcc9ea; background: #e9ddf6; color: #7b499b; } body.eg-visual-overhaul .rep-close:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { width: 40px; height: 40px; background: #fff; color: #735287; border-color: #dfd1e9; } body.eg-visual-overhaul .rep-close:hover:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #f0e5fa; } body.eg-visual-overhaul .rep-badges > span:not(.rep-active):not(.rep-inactive):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #ffffffb8; border-color: #e4d8ed; color: #735b80; } body.eg-visual-overhaul .rep-tabs:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: #e6ddec; background: #fff; } body.eg-visual-overhaul .rep-tabs button:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-weight: 550; color: #7d6a88; } body.eg-visual-overhaul .rep-tabs button[aria-pressed="true"]:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #f3ebfc; color: #77439a; } body.eg-visual-overhaul .rep-content label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #776580; font-weight: 550; } body.eg-visual-overhaul .rep-content input:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .rep-content select:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #fff; border-color: #dfd4e9; color: #51405b; } body.eg-visual-overhaul .employee-rate-summary p:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #f8f4fc; border-color: #e5d9ee; color: #644d73; } body.eg-visual-overhaul .employee-team-choice:focus-visible:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .rep-dialog button:focus-visible:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { outline: 3px solid #7b50b4; outline-offset: 3px; } /* Goals and leaderboard: clearer progress hierarchy without altering rewards, rankings or status badges. */ body.eg-visual-overhaul .goals-page .sticky-title:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { text-align: left; margin: 4px 0 27px; } body.eg-visual-overhaul .goals-page .sticky-title h1:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { text-transform: none; font-size: clamp(1.9rem, 3vw, 2.5rem); font-weight: 600; color: #4a3058; letter-spacing: -1px; } body.eg-visual-overhaul .goals-page .sticky-title em:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: var(--vo-violet); } body.eg-visual-overhaul .goals-page .sticky-board:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { grid-template-columns: repeat(auto-fill, minmax(min(100%, 275px), 1fr)); gap: 20px; margin: 26px 0; } body.eg-visual-overhaul .goals-page .sticky-note:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: linear-gradient(135deg, #fff 68%, #fbf6ff); border: 1px solid #ded2e8; border-top: 3px solid #ba99d6; border-radius: 16px; padding: 26px; box-shadow: 0 5px 20px rgb(57 28 78 / 4%); } body.eg-visual-overhaul .goals-page .sticky-note h2:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .goals-page .goal-note-owner:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #573b66; } body.eg-visual-overhaul .goals-page .sticky-period:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .goals-page .sticky-lock:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #75677f; } body.eg-visual-overhaul .goals-page .sticky-pin:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #a27abf; font-size: 25px; top: -14px; text-shadow: none; } body.eg-visual-overhaul .goals-page .sticky-note progress:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .goals-page .goal-card progress:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { height: 9px; accent-color: #9862c5; } body.eg-visual-overhaul .goals-page .sticky-progress span:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #80688e; font-size: .77rem; } body.eg-visual-overhaul .app-shell .leaderboard:not(.canvass-leaderboard):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 27px; max-width: 1160px; } body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-list:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 11px; margin-top: 24px; } body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-list li:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border: 1px solid #e4daec; border-radius: 15px; padding: 22px; background: #fff; color: #4d365c; box-shadow: 0 3px 12px rgb(55 25 80 / 3%); } body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-rank:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #f0e8f8; color: #754894; font-weight: 650; } body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-name:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-weight: 600; } body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-name small:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #75677f; font-weight: 400; line-height: 1.5; } body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-score strong:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-weight: 550; font-variant-numeric: tabular-nums; letter-spacing: -.7px; } body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-list li.leader-self:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: linear-gradient(115deg, #f2e8fc, #fff1f6); border: 1px solid #c7a6df; color: #5c3277; box-shadow: inset 3px 0 0 #965cbf; } body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-self .leader-name:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-self .leader-score strong:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #5c3277; } body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-self .leader-name small:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-self .leader-all-stats:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-self .leader-score > small:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #896a9b; } body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-personal:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-top-color: #a777c7; } body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-scope-switch:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #f0eaf7; border: 1px solid #e5dbee; border-radius: 12px; } body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-scope-switch button:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-radius: 8px; } /* Calendar selection is decorative. Appointment outcome colors remain untouched. */ body.eg-visual-overhaul .app-shell .calendar-panel:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 25px; } body.eg-visual-overhaul .app-shell .calendar-toolbar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 12px; margin-bottom: 24px; } body.eg-visual-overhaul .app-shell .calendar-day:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #fbf9fe; border-color: #e7dfee; border-radius: 11px; color: #6c4b7d; min-width: 0; } body.eg-visual-overhaul .app-shell .calendar-day.chosen:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #f2e8fc; border-color: #a775c9; } body.eg-visual-overhaul .app-shell .calendar-weekday:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #75677f; font-size: .69rem; } body.eg-visual-overhaul .app-shell .calendar-month-totals:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 18px; background: #f8f5fc; border: 1px solid #e6dced; border-radius: 13px; color: #715c7f; } body.eg-visual-overhaul .app-shell .calendar-month-totals strong:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { color: #6b437f; font-weight: 550; } body.eg-visual-overhaul .app-shell .calendar-lead:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border: 1px solid #e8e0ef; border-radius: 12px; background: #fff; color: #50365e; margin-top: 11px; padding: 18px; } body.eg-visual-overhaul .app-shell .calendar-lead:hover:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { background: #fbf7ff; border-color: #c9acde; } body.eg-visual-overhaul .app-shell .pipeline-grid:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .team-account-grid:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)); } body.eg-visual-overhaul .app-shell .pipeline-card:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .activity-person:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .activity-session:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-color: #e5daee; border-radius: 15px; box-shadow: var(--vo-shadow); } /* Responsive treatment. No page-level overflow clipping and no change to native dialog or navigation display state. */ /* Tablet refinements. */ @media (max-width: 1150px) { body.eg-visual-overhaul { --vo-sidebar: 216px; } body.eg-visual-overhaul .app-shell .content:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 28px 26px 80px; } body.eg-visual-overhaul .app-shell .workspace > .topbar.workspace-header:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding-inline: 26px; } body.eg-visual-overhaul .app-shell .stat:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 19px; } body.eg-visual-overhaul .app-shell .stat strong:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 1.85rem; } } @media (min-width: 761px) and (max-height: 850px) { body.eg-visual-overhaul .sidebar .workspace-label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { margin-top: 22px; margin-bottom: 11px; } body.eg-visual-overhaul .app-shell .sidebar .user-block:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding-block: 16px; } } @media (max-width: 1020px) { body.eg-visual-overhaul .vo-appointment-layout:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.eg-visual-overhaul .vo-appointment-zone:last-child:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { grid-column: 1 / -1; border-left: 0; border-top: 1px solid #e9e1f0; } body.eg-visual-overhaul .vo-appointment-zone:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 23px; } body.eg-visual-overhaul .vo-appointment-zone:last-child .form-grid:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 760px) { body.eg-visual-overhaul { --vo-sidebar: 0px; } body.eg-visual-overhaul .app-shell > .workspace:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { margin-left: 0; width: 100%; } body.eg-visual-overhaul .app-shell .content:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 24px 16px 92px; } body.eg-visual-overhaul .app-shell > .universal-navigation-bar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding-inline: 16px; padding-bottom: 12px; } body.eg-visual-overhaul .app-shell .workspace > .topbar.workspace-header:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 13px 16px; gap: 11px; min-height: 56px; } body.eg-visual-overhaul .workspace-header .workspace-breadcrumb:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { width: 100%; max-width: 100%; min-width: 0; white-space: normal; flex-wrap: wrap; row-gap: 5px; } body.eg-visual-overhaul .workspace-header .manager-focus-controls:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { width: 100%; flex: 1 1 100%; gap: 8px; } body.eg-visual-overhaul .workspace-header .manager-focus-controls select:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { min-width: 0; flex: 1 1 140px; max-width: 100%; } body.eg-visual-overhaul .workspace-header .workspace-announcements:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { margin-left: 0; padding-left: 0; } body.eg-visual-overhaul .team-focus-bar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .demo-bar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding-inline: 16px; } body.eg-visual-overhaul .app-shell .universal-navigation-drawer .sidebar .user-block:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { position: static; inset: auto; padding: 17px 2px 3px; margin-top: 13px; border-top: 1px solid var(--vo-line); } body.eg-visual-overhaul .app-shell .universal-navigation-drawer .sidebar .user-block .avatar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { display: grid; } body.eg-visual-overhaul .app-shell .universal-navigation-drawer .sidebar nav button:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { min-height: 46px; font-size: .83rem; padding: 12px; } body.eg-visual-overhaul .app-shell .universal-navigation-drawer .workspace-label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { margin: 24px 12px 12px; } body.eg-visual-overhaul .page-heading:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { align-items: flex-start; flex-wrap: wrap; gap: 18px; margin-bottom: 23px; } body.eg-visual-overhaul .page-heading h1:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .content > h1:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 1.9rem; letter-spacing: -.9px; } body.eg-visual-overhaul .page-heading p:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .85rem; } body.eg-visual-overhaul .app-shell .panel:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-radius: 15px; } body.eg-visual-overhaul .app-shell .stats:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 10px; } body.eg-visual-overhaul .app-shell .stat:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 18px 16px; } body.eg-visual-overhaul .app-shell .stat strong:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 1.85rem; } body.eg-visual-overhaul .app-shell .list-toolbar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 17px 16px; gap: 14px; } body.eg-visual-overhaul .app-shell .list-caption:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 16px; flex-wrap: wrap; font-size: .75rem; } body.eg-visual-overhaul .app-shell .day-tabs button:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .goal-period-tabs button:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .workflow-tabs button:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { min-height: 44px; font-size: .78rem; } body.eg-visual-overhaul .app-shell .appointment-row:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { column-gap: 12px; row-gap: 15px; } body.eg-visual-overhaul .app-shell .manager-queue:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 16px; } body.eg-visual-overhaul .app-shell .manager-scope:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 18px; gap: 16px; } body.eg-visual-overhaul .app-shell .manager-scope label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { flex: 1 1 100%; min-width: 0; } body.eg-visual-overhaul .app-shell .range-fields label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { min-width: 0; flex: 1 1 130px; } body.eg-visual-overhaul .app-shell :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 16px; min-height: 44px; } body.eg-visual-overhaul .app-shell .appointment-form section:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 23px 18px; } body.eg-visual-overhaul .app-shell .form-footer:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 19px 18px; } body.eg-visual-overhaul .app-shell .section-title:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 11px; } body.eg-visual-overhaul .app-shell .steps:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { flex-wrap: wrap; gap: 12px 18px; } body.eg-visual-overhaul .personal-home .welcome-hero:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 27px 23px 24px; border-radius: 18px; } body.eg-visual-overhaul .personal-home .welcome-hero h1:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 2.1rem; letter-spacing: -1.1px; } body.eg-visual-overhaul .personal-home .welcome-intro:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: .93rem; line-height: 1.7; } body.eg-visual-overhaul .personal-home .home-day-grid:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { grid-template-columns: minmax(0, 1fr); } body.eg-visual-overhaul .personal-home .home-day-card:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .personal-home .welcome-bottom article:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 23px; border-radius: 16px; } body.eg-visual-overhaul .personal-home .home-day-card h2:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 1.3rem; } body.eg-visual-overhaul .app-shell .reports:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .finance-panel:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .pipeline-panel:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .team-form:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .team-list:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .setter-performance:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .leaderboard:not(.canvass-leaderboard):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 19px 16px; } body.eg-visual-overhaul .app-shell .report-controls:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .leader-controls:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .employee-toolbar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .sticky-toolbar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .activity-filters:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 15px; gap: 13px; min-width: 0; } body.eg-visual-overhaul .app-shell .employee-toolbar label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .team-account-filters label:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { min-width: 0; max-width: 100%; flex: 1 1 100%; } body.eg-visual-overhaul .app-shell .employee-selected-team:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 18px; } body.eg-visual-overhaul .app-shell .report-table :is(th, td):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .finance-scroll :is(th, td):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .performance-table :is(th, td):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 13px 10px; } body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-list li:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 18px 13px; gap: 11px; } body.eg-visual-overhaul .leaderboard:not(.canvass-leaderboard) .leader-score strong:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 1.6rem; } body.eg-visual-overhaul .app-shell .calendar-panel:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 18px 14px; } body.eg-visual-overhaul .app-shell .calendar-toolbar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { gap: 7px; } body.eg-visual-overhaul .app-shell .calendar-day:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-radius: 8px; padding: 6px 4px; } body.eg-visual-overhaul .app-shell .calendar-month-totals:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 15px; gap: 15px; } body.eg-visual-overhaul .app-shell .calendar-month-totals strong:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 1.3rem; } } @media (max-width: 600px) { body.eg-visual-overhaul .app-shell dialog.lead-card:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell dialog.lead-card:has(.vo-appointment-layout):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { top: 18px; width: calc(100% - 28px); border-radius: 17px; } body.eg-visual-overhaul .app-shell .lead-card-scroll:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { max-height: calc(100dvh - 36px); padding: 58px 20px 24px; border-radius: 17px; } body.eg-visual-overhaul .app-shell .lead-card-close:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { top: 10px; right: 10px; width: 40px; height: 40px; font-size: 27px; box-shadow: 0 3px 10px rgb(59 23 83 / 14%); } body.eg-visual-overhaul .app-shell .lead-card-heading:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { flex-wrap: wrap; gap: 12px; } body.eg-visual-overhaul .app-shell .lead-card-heading h2:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 1.45rem; } body.eg-visual-overhaul .app-shell .lead-card .review-grid:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 17px; gap: 18px; } body.eg-visual-overhaul .vo-appointment-header:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 27px 62px 22px 21px; } body.eg-visual-overhaul .vo-appointment-layout:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { grid-template-columns: minmax(0, 1fr); } body.eg-visual-overhaul .vo-appointment-zone:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .vo-appointment-zone:last-child:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 23px 21px; grid-column: auto; border-left: 0; } body.eg-visual-overhaul .vo-appointment-zone + .vo-appointment-zone:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { border-top: 1px solid #e9e1f0; } body.eg-visual-overhaul .vo-appointment-zone:last-child .form-grid:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { grid-template-columns: minmax(0, 1fr); } body.eg-visual-overhaul .rep-hero:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 24px 21px; } body.eg-visual-overhaul .rep-hero h2:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 1.4rem; } body.eg-visual-overhaul .rep-content:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 23px 20px; } body.eg-visual-overhaul .rep-close:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { width: 40px; height: 40px; top: 12px; right: 12px; } body.eg-visual-overhaul .rep-tabs button:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { min-height: 44px; font-size: .72rem; } body.eg-visual-overhaul .personal-home .welcome-bottom:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { grid-template-columns: minmax(0, 1fr); } body.eg-visual-overhaul .goals-page .sticky-note:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 24px 22px; } body.eg-visual-overhaul .goals-page .sticky-board:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { grid-template-columns: minmax(0, 1fr); } body.eg-visual-overhaul .goals-page .sticky-toolbar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 16px; } body.eg-visual-overhaul .goals-page .sticky-title h1:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 1.95rem; } } @media (max-width: 380px) { body.eg-visual-overhaul .app-shell .content:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding-inline: 12px; } body.eg-visual-overhaul .app-shell > .universal-navigation-bar:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .workspace > .topbar.workspace-header:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding-inline: 12px; } body.eg-visual-overhaul .personal-home .welcome-hero:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .personal-home .home-day-card:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .personal-home .welcome-bottom article:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 21px 18px; } body.eg-visual-overhaul .personal-home .welcome-hero h1:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 1.9rem; } body.eg-visual-overhaul .app-shell .stat:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding: 16px 13px; } body.eg-visual-overhaul .app-shell .stat strong:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { font-size: 1.65rem; } body.eg-visual-overhaul .app-shell .review-stats:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.eg-visual-overhaul .app-shell .reports:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .finance-panel:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .leaderboard:not(.canvass-leaderboard):not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding-inline: 13px; } body.eg-visual-overhaul .vo-appointment-zone:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding-inline: 18px; } body.eg-visual-overhaul .vo-appointment-header:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { padding-left: 18px; } } /* Motion preferences affect only the CRM controls styled above. */ @media (prefers-reduced-motion: reduce) { body.eg-visual-overhaul .app-shell .sidebar nav button:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .primary:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .secondary:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .appointment-row:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .manager-queue-row:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .rehash-row:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .review-appointment:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)), body.eg-visual-overhaul .app-shell .employee-team-choice:not(:where(.canvass, .canvass *, .tv-board, .tv-board *, .meeting-slide, .meeting-slide *, .crm-ai-dialog, .crm-ai-dialog *, :fullscreen, :fullscreen *)) { transition: none; transform: none; } } body.eg-visual-overhaul .appointment-draft-protection{display:grid;gap:10px;padding:14px 16px;border:1px solid #ded5e9;border-radius:14px;background:#f8f4fd;margin-bottom:18px;font-size:12px;color:#514363}body.eg-visual-overhaul .appointment-draft-protection>div{display:flex;gap:10px;flex-wrap:wrap}body.eg-visual-overhaul .appointment-draft-protection small{color:#655b72;line-height:1.5} /* Fresh presentation layer for the approved light concept. No route or workflow changes. */ body.eg-visual-overhaul {--vo-canvas:#f6f5fa;--vo-sidebar:246px;} body.eg-visual-overhaul .app-shell {background:radial-gradient(ellipse at 95% 0%,#f4eaf5 0,transparent 42%),var(--vo-canvas);} body.eg-visual-overhaul .app-shell .sidebar nav.grouped-navigation {display:flex;flex-direction:column;gap:26px;padding:24px 0 12px;} body.eg-visual-overhaul .grouped-navigation .navigation-section {flex-shrink:0;min-width:0;} body.eg-visual-overhaul .grouped-navigation .navigation-section h2 {margin:0 12px 12px;color:#80758e;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:1.55px;text-transform:uppercase;} body.eg-visual-overhaul .grouped-navigation .navigation-section-items {display:grid;gap:4px;min-width:0;} body.eg-visual-overhaul .app-shell .sidebar nav.grouped-navigation button {display:flex;align-items:center;min-height:46px;width:100%;text-align:left;border:0;} body.eg-visual-overhaul .app-shell .sidebar nav.grouped-navigation button>span:first-of-type {flex:1;overflow-wrap:normal;word-break:normal;} body.eg-visual-overhaul .app-shell .sidebar nav.grouped-navigation .queue-count {flex:none;min-width:22px;height:22px;padding:2px 6px;display:grid;place-items:center;background:#eeebf3;color:#685374;font-size:11px;box-shadow:none;} body.eg-visual-overhaul .app-shell .sidebar nav.grouped-navigation .urgent-count {background:#fcebef;color:#9b3151;} body.eg-visual-overhaul .app-shell .sidebar .workspace-label.navigation-context {margin:18px 12px 0;font-size:10px;} body.eg-visual-overhaul .app-shell .desktop-navigation {display:flex;flex-direction:column;height:100dvh;} body.eg-visual-overhaul .app-shell .desktop-navigation .grouped-navigation {flex:1;min-height:0;} body.eg-visual-overhaul .app-shell .desktop-navigation .sidebar-note {display:none;} body.eg-visual-overhaul .app-shell .sidebar .user-block {flex-shrink:0;background:transparent;} body.eg-visual-overhaul .app-shell .sidebar .focus-exit {flex-shrink:0;margin:0 0 14px;} body.eg-visual-overhaul .app-shell .universal-navigation-drawer {width:min(540px,96vw);max-width:96vw;border-radius:0 24px 24px 0;border-right:1px solid #e7e0ef;background:#fcfaff;} body.eg-visual-overhaul .app-shell .universal-navigation-drawer .sidebar {padding:22px 20px max(16px,env(safe-area-inset-bottom));background:linear-gradient(145deg,#fcfaff,#faf8fe 70%,#fcf6fa);} body.eg-visual-overhaul .app-shell .universal-navigation-drawer .sidebar nav.grouped-navigation {gap:28px;padding-top:28px;} body.eg-visual-overhaul .app-shell .universal-navigation-drawer .navigation-section-items {grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:8px;} body.eg-visual-overhaul .app-shell .universal-navigation-drawer .drawer-heading {gap:16px;padding-bottom:4px;} body.eg-visual-overhaul .app-shell .universal-navigation-drawer .sidebar nav.grouped-navigation button {min-height:52px;padding:10px 11px;gap:9px;line-height:1.4;font-size:12px;} body.eg-visual-overhaul .app-shell .universal-navigation-drawer .sidebar nav.grouped-navigation button>svg {width:18px;height:18px;} body.eg-visual-overhaul .app-shell .universal-navigation-drawer .sidebar nav.grouped-navigation button>svg:last-child:not(:first-child) {display:none;} body.eg-visual-overhaul .app-shell .universal-navigation-drawer .user-block {margin-top:14px;padding-top:18px;padding-bottom:6px;} body.eg-visual-overhaul .app-shell .universal-navigation-drawer .sidebar nav.grouped-navigation .queue-count {font-size:10px;min-width:18px;height:18px;padding:1px 4px;} body.eg-visual-overhaul .app-shell .topbar {border-bottom:1px solid #eae5f0;background:rgb(255 255 255 / 82%);column-gap:20px;row-gap:12px;} body.eg-visual-overhaul .app-shell .breadcrumb {min-width:0;line-height:1.5;} body.eg-visual-overhaul .content .page-heading {column-gap:20px;row-gap:14px;} body.eg-visual-overhaul .content .page-heading h1 {letter-spacing:-1px;line-height:1.14;} body.eg-visual-overhaul :is(.leader-tabs,.leader-scope-switch) {background:#eeebf4;border:1px solid #e9e3f0;padding:4px;border-radius:13px;gap:4px;} body.eg-visual-overhaul :is(.leader-tabs,.leader-scope-switch) button {border:0;background:transparent;color:#71647e;box-shadow:none;} body.eg-visual-overhaul .app-shell :is(.leader-tabs,.leader-scope-switch) button.primary:not(.delete-lead-button):not(.danger):not(.destructive) {background:#fff;color:#673b96;box-shadow:0 2px 7px #46245c10;border:0;} body.eg-visual-overhaul .app-shell :is(.leader-tabs,.leader-scope-switch) button.primary:not(.delete-lead-button):not(.danger):not(.destructive):hover {background:#faf7fe;color:#4e2579;} body.eg-visual-overhaul .notification-item {color:var(--vo-ink);border-color:var(--vo-line);} body.eg-visual-overhaul .notification-item.unread {background:#f4effb;border-left-color:#8152bf;} body.eg-visual-overhaul .notification-item small {color:var(--vo-muted);} body.eg-visual-overhaul .notification-bell>span {background:#7548ae;} body.eg-visual-overhaul .notification-settings fieldset,body.eg-visual-overhaul .push-device {border-color:var(--vo-line);background:#faf8fd;} body.eg-visual-overhaul .notification-settings small {color:var(--vo-muted);} body.eg-visual-overhaul .content>section,body.eg-visual-overhaul .content>div {min-width:0;} @media(max-width:760px){ body.eg-visual-overhaul .app-shell .content {padding:24px 18px 100px;} body.eg-visual-overhaul .app-shell .topbar {padding:16px 18px;} body.eg-visual-overhaul .app-shell :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not(:where(.canvass *,.tv-board *,.meeting-slide *,.crm-ai-dialog *,:fullscreen *)) {font-size:16px;} } @media(max-width:600px){ body.eg-visual-overhaul .leader-controls>.leader-test-toggle {grid-column:1/-1;white-space:normal;line-height:1.5;} } @media(max-width:380px){ body.eg-visual-overhaul .app-shell .universal-navigation-drawer .sidebar {padding-inline:12px;} body.eg-visual-overhaul .app-shell .universal-navigation-drawer .navigation-section-items {column-gap:5px;} body.eg-visual-overhaul .app-shell .universal-navigation-drawer .sidebar nav.grouped-navigation button {padding:9px 7px;font-size:11px;gap:6px;} body.eg-visual-overhaul .app-shell .content {padding-inline:12px;} } @media(prefers-reduced-motion:reduce){ body.eg-visual-overhaul .grouped-navigation button {transition:none;} } body.eg-visual-overhaul .app-shell .manager-scope:not(:has(label)) {background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 18px;} body.eg-visual-overhaul .app-shell .manager-scope:not(:has(label)) p {margin:0;font-size:13px;color:var(--vo-muted);} @media(max-width:760px){ body.eg-visual-overhaul .app-shell .workspace-header:not(:has(.manager-focus-controls,.manager-view-toggle)) .workspace-breadcrumb {width:auto;flex:1;} body.eg-visual-overhaul .app-shell .workspace-header .manager-view-toggle {min-width:0;max-width:calc(100% - 158px);} body.eg-visual-overhaul .app-shell .workspace-header .manager-view-toggle select {width:100%;min-width:0;max-width:100%;} } @keyframes visual-heading-in {from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:no-preference){body.eg-visual-overhaul .app-shell .content>.page-heading {animation:visual-heading-in 180ms ease-out;}} /* Home-only finish for the light future theme. Import after visual-overhaul.css. Existing role, focus, personal-theme and metric behavior remain in their components; this layer changes presentation. */ body.eg-visual-overhaul .personal-home { --home-polish-ink: #30273e; --home-polish-muted: #74697f; --home-polish-line: #e8e2ef; --home-polish-shadow: 0 7px 28px rgb(65 38 91 / 3%); min-width: 0; padding-bottom: 28px; } body.eg-visual-overhaul .personal-home.home-theme-garden { --home-tint: #eee7fc; --home-warm: #fff0f5; --home-accent: #7845b9; } /* A calm welcome with the same personal greeting, next step and day context. */ body.eg-visual-overhaul .personal-home .welcome-hero { position: relative; border-color: var(--home-polish-line); border-radius: 22px; background: linear-gradient(112deg, var(--home-tint) 0%, #fcfbff 55%, var(--home-warm) 100%); box-shadow: var(--home-polish-shadow); padding: 34px 36px 27px; } body.eg-visual-overhaul .personal-home .welcome-hero::before { content: ''; position: absolute; top: 0; left: 36px; width: 78px; height: 2px; border-radius: 0 0 3px 3px; background: var(--home-accent); pointer-events: none; } body.eg-visual-overhaul .personal-home.home-theme-garden .welcome-hero::before { background: linear-gradient(90deg, #8850d3, #d06497); } body.eg-visual-overhaul .personal-home .home-hero-top { position: absolute; top: 28px; right: 32px; } body.eg-visual-overhaul .personal-home .welcome-sun { width: 54px; height: 54px; padding: 13px; margin: 0; border-radius: 18px; border-color: #ffffffd9; background: #ffffffba; color: var(--home-accent); box-shadow: 0 5px 17px rgb(109 63 137 / 5%); } body.eg-visual-overhaul .personal-home .welcome-hero > .eyebrow { display: block; padding-right: 68px; margin: 0 0 13px; font-size: .65rem; line-height: 1.7; letter-spacing: 1.7px; font-weight: 650; } body.eg-visual-overhaul .personal-home .welcome-hero h1 { color: var(--home-polish-ink); max-width: 24ch; padding-right: 58px; margin: 0 0 14px; font-size: clamp(2rem, 3vw, 2.85rem); font-weight: 560; letter-spacing: -.055em; line-height: 1.16; overflow-wrap: anywhere; } body.eg-visual-overhaul .personal-home .welcome-intro { max-width: 61ch; margin: 0 0 19px; color: var(--home-polish-muted); font-size: .95rem; line-height: 1.8; } body.eg-visual-overhaul .personal-home .welcome-hero > .primary, body.eg-visual-overhaul .personal-home .focus-home-actions > .primary { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 44px; padding: 11px 18px; margin-top: 0; border-radius: 11px; background: var(--home-accent); color: #fff; font-size: .83rem; font-weight: 600; box-shadow: 0 4px 12px rgb(104 58 138 / 12%); } body.eg-visual-overhaul .personal-home.home-theme-garden .welcome-hero > .primary, body.eg-visual-overhaul .personal-home.home-theme-garden .focus-home-actions > .primary { background: linear-gradient(105deg, #7850bf, #a14997); } body.eg-visual-overhaul .personal-home .home-start-hint { margin: 14px 0 0; font-size: .76rem; line-height: 1.65; color: var(--home-polish-muted); } /* One consistent white surface for the live performance strip. */ body.eg-visual-overhaul .personal-home .home-momentum { --momentum-line: #ebe5f1; --momentum-violet: #8a63c6; --momentum-rose: #c47398; --momentum-muted: #756b81; --momentum-ink: #30273e; margin: 21px 0; padding: 26px; border-color: var(--home-polish-line); border-radius: 20px; background: #fff; box-shadow: var(--home-polish-shadow); } body.eg-visual-overhaul .personal-home .home-momentum-header { gap: 16px; align-items: flex-start; } body.eg-visual-overhaul .personal-home .home-momentum-eyebrow, body.eg-visual-overhaul .personal-home .goal-pace-eyebrow { font-size: .64rem; line-height: 1.55; font-weight: 650; letter-spacing: 1.4px; color: var(--home-accent); } body.eg-visual-overhaul .personal-home .home-momentum-header h2, body.eg-visual-overhaul .personal-home .goal-pace h2 { color: var(--home-polish-ink); font-size: 1.3rem; font-weight: 550; letter-spacing: -.035em; line-height: 1.3; } body.eg-visual-overhaul .personal-home .home-momentum-header p { font-size: .78rem; line-height: 1.6; max-width: 55ch; } body.eg-visual-overhaul .personal-home .home-momentum-periods { background: #f7f4fb; border-color: #ebe3f2; border-radius: 11px; } body.eg-visual-overhaul .personal-home .home-momentum-periods button { min-height: 38px; padding-inline: 13px; font-size: .73rem; font-weight: 550; } body.eg-visual-overhaul .personal-home .home-momentum-periods button[aria-pressed=true] { color: #6d4399; box-shadow: 0 2px 7px rgb(78 40 105 / 8%); } body.eg-visual-overhaul .personal-home .home-momentum-caption { margin-top: 20px; font-size: .69rem; line-height: 1.65; gap: 6px 18px; } body.eg-visual-overhaul .personal-home .home-momentum-cards { background: linear-gradient(110deg, #fcfbff, #fff 70%); border-radius: 14px; } body.eg-visual-overhaul .personal-home .home-momentum-card { padding: 21px 18px 19px; } body.eg-visual-overhaul .personal-home .home-momentum-card-heading { align-items: flex-start; font-size: .77rem; font-weight: 550; line-height: 1.45; } body.eg-visual-overhaul .personal-home .home-momentum-card-heading svg { flex-shrink: 0; color: #ac9cbe; } body.eg-visual-overhaul .personal-home .home-momentum-value-row { gap: 8px; margin: 17px 0 13px; } body.eg-visual-overhaul .personal-home .home-momentum-value-row > strong { font-size: clamp(1.9rem, 2.8vw, 2.5rem); font-weight: 550; letter-spacing: -.055em; } body.eg-visual-overhaul .personal-home .home-momentum-change { font-size: .69rem; line-height: 1.5; } body.eg-visual-overhaul .personal-home .home-momentum-difference { font-size: .65rem; line-height: 1.6; color: #75687f; } body.eg-visual-overhaul .personal-home .home-momentum-graph-empty { color: #7a6c84; font-size: .65rem; } body.eg-visual-overhaul .personal-home .home-momentum-footer { gap: 10px 20px; margin-top: 14px; } body.eg-visual-overhaul .personal-home .home-momentum-footer summary, body.eg-visual-overhaul .personal-home .home-momentum-report-link { min-height: 36px; font-size: .74rem; line-height: 1.5; } body.eg-visual-overhaul .personal-home .home-momentum-footer details p { font-size: .73rem; color: #73647e; } /* Targets keep their status colors and estimates, with quieter framing. */ body.eg-visual-overhaul .personal-home .goal-pace { margin: 21px 0; padding: 25px 26px; background: #fff; border-color: var(--home-polish-line); border-radius: 20px; box-shadow: var(--home-polish-shadow); } body.eg-visual-overhaul .personal-home .goal-pace > header { margin-bottom: 19px; gap: 12px 20px; } body.eg-visual-overhaul .personal-home .goal-pace h2 { margin: 7px 0 0; } body.eg-visual-overhaul .personal-home .goal-pace > header button { min-height: 38px; padding-block: 8px; font-size: .78rem; } body.eg-visual-overhaul .personal-home .goal-pace-grid { gap: 15px; } body.eg-visual-overhaul .personal-home .goal-pace-card { padding: 20px; border-color: #ece6f3; border-radius: 14px; background: linear-gradient(130deg, #fff, #fcfaff); } body.eg-visual-overhaul .personal-home .goal-pace-top { font-size: .75rem; font-weight: 550; line-height: 1.5; } body.eg-visual-overhaul .personal-home .goal-pace-status { font-size: .64rem; line-height: 1.4; font-weight: 600; padding: 6px 9px; } body.eg-visual-overhaul .personal-home .goal-pace-total { margin: 21px 0 13px; } body.eg-visual-overhaul .personal-home .goal-pace-total strong { font-size: 2rem; font-weight: 560; } body.eg-visual-overhaul .personal-home .goal-pace-total span { color: #80718b; } body.eg-visual-overhaul .personal-home .goal-pace progress { height: 6px; } body.eg-visual-overhaul .personal-home .goal-pace dl { gap: 17px 12px; margin-top: 20px; } body.eg-visual-overhaul .personal-home .goal-pace dt { color: #786a84; font-size: .69rem; line-height: 1.5; } body.eg-visual-overhaul .personal-home .goal-pace dd { color: var(--home-polish-ink); font-size: .82rem; line-height: 1.5; font-weight: 550; } body.eg-visual-overhaul .personal-home .goal-pace small, body.eg-visual-overhaul .personal-home .goal-pace-note { color: #796c84; font-size: .69rem; line-height: 1.7; } /* Keep celebrations, personal goals, affirmation and why in their existing order. */ body.eg-visual-overhaul .personal-home .home-day-grid, body.eg-visual-overhaul .personal-home .welcome-bottom { gap: 20px; margin-top: 21px; } body.eg-visual-overhaul .personal-home .home-day-card, body.eg-visual-overhaul .personal-home .welcome-bottom article { padding: 27px; border-color: var(--home-polish-line); border-radius: 20px; box-shadow: var(--home-polish-shadow); } body.eg-visual-overhaul .personal-home .home-today { background: linear-gradient(155deg, #fff 70%, var(--home-tint)); } body.eg-visual-overhaul .personal-home .home-day-card > .eyebrow, body.eg-visual-overhaul .personal-home .welcome-bottom .eyebrow { color: var(--home-accent); font-size: .64rem; letter-spacing: 1.4px; line-height: 1.7; font-weight: 650; } body.eg-visual-overhaul .personal-home .home-day-card h2 { font-size: 1.4rem; line-height: 1.3; font-weight: 550; letter-spacing: -.035em; margin: 11px 0 12px; } body.eg-visual-overhaul .personal-home .home-card-intro, body.eg-visual-overhaul .personal-home .home-gentle { font-size: .85rem; line-height: 1.8; color: var(--home-polish-muted); } body.eg-visual-overhaul .personal-home .home-team-wins { margin: 22px 0; gap: 18px; } body.eg-visual-overhaul .personal-home .home-team-wins h3 { font-size: .88rem; line-height: 1.6; margin: 0 0 8px; } body.eg-visual-overhaul .personal-home .home-team-wins dl > div { align-items: baseline; font-size: .8rem; line-height: 1.5; gap: 16px; padding: 10px 0; } body.eg-visual-overhaul .personal-home .home-team-wins dt { min-width: 0; overflow-wrap: anywhere; } body.eg-visual-overhaul .personal-home .home-team-wins dd { flex-shrink: 0; font-weight: 600; } body.eg-visual-overhaul .personal-home .home-team-wins .home-team-total { border-top-color: var(--home-polish-line); border-bottom: 0; } body.eg-visual-overhaul .personal-home .home-day-card > section { border-top: 1px solid var(--home-polish-line); padding-top: 17px; margin-top: 20px; } body.eg-visual-overhaul .personal-home .home-day-card > section h3 { font-size: .9rem; line-height: 1.5; } body.eg-visual-overhaul .personal-home .home-day-card > section .fine { font-size: .75rem; line-height: 1.7; color: var(--home-polish-muted); } body.eg-visual-overhaul .personal-home .home-day-card > section details { border-bottom: 1px solid #f0eaf5; padding: 4px 0; font-size: .8rem; line-height: 1.7; overflow-wrap: anywhere; } body.eg-visual-overhaul .personal-home .home-day-card > section summary { padding: 11px 0; cursor: pointer; color: #614974; } body.eg-visual-overhaul .personal-home .home-day-card > section details ul { padding-left: 21px; color: var(--home-polish-muted); } body.eg-visual-overhaul .personal-home .home-goal-win { background: linear-gradient(110deg, var(--home-tint), #fff 90%); border-color: var(--home-polish-line); } body.eg-visual-overhaul .personal-home .home-goal-direction { padding-top: 16px; border-top: 1px solid var(--home-polish-line); font-size: .8rem; line-height: 1.7; } body.eg-visual-overhaul .personal-home .home-goal-direction summary { padding-block: 8px; } body.eg-visual-overhaul .personal-home .home-status { color: #7a6e84; margin: 15px 4px 22px; font-size: .75rem; line-height: 1.7; } body.eg-visual-overhaul .personal-home .welcome-bottom article:first-child { background: linear-gradient(135deg, #fff 40%, var(--home-warm)); } body.eg-visual-overhaul .personal-home .welcome-bottom article > svg { width: 25px; height: 25px; color: var(--home-accent); stroke-width: 1.6; margin-bottom: 5px; } body.eg-visual-overhaul .personal-home .welcome-bottom h2 { font-size: 1.15rem; font-weight: 550; letter-spacing: -.02em; line-height: 1.65; color: var(--home-polish-ink); overflow-wrap: anywhere; } body.eg-visual-overhaul .personal-home .welcome-bottom p { font-size: .85rem; line-height: 1.8; color: var(--home-polish-muted); } body.eg-visual-overhaul .personal-home .welcome-bottom .why-photo { width: 100%; max-width: 100%; height: auto; max-height: 300px; object-fit: contain; background: #f8f5fb; border: 1px solid var(--home-polish-line); border-radius: 13px; margin-block: 20px; } body.eg-visual-overhaul .personal-home .welcome-bottom .text-button { padding-block: 10px; min-height: 40px; font-size: .81rem; } body.eg-visual-overhaul .personal-home .welcome-team-goals { border-color: var(--home-polish-line); border-radius: 17px; padding: 15px 24px; margin-top: 21px; box-shadow: var(--home-polish-shadow); } body.eg-visual-overhaul .personal-home .welcome-team-goals > summary { padding-block: 8px; color: var(--home-accent); font-size: .85rem; line-height: 1.7; } /* Existing Focus Home queue buttons and appointments remain fully interactive. */ body.eg-visual-overhaul .personal-home .focus-home-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; margin-top: 21px; } body.eg-visual-overhaul .personal-home .focus-home-actions > .secondary { min-height: 44px; padding: 11px 16px; font-size: .83rem; border-radius: 11px; background: #ffffffba; } body.eg-visual-overhaul .personal-home .focus-summary { grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: 14px; margin: 21px 0; } body.eg-visual-overhaul .personal-home .focus-home-stat { border-color: var(--home-polish-line); border-radius: 16px; padding: 21px; background: #fff; box-shadow: var(--home-polish-shadow); } body.eg-visual-overhaul .personal-home .focus-home-stat:hover { border-color: #cdb7e2; background: #fbf8ff; } body.eg-visual-overhaul .personal-home .focus-today { margin-top: 21px; padding: 26px; border-color: var(--home-polish-line); border-radius: 20px; box-shadow: var(--home-polish-shadow); } body.eg-visual-overhaul .personal-home .focus-today h2 { font-size: 1.3rem; font-weight: 550; letter-spacing: -.035em; margin-top: 0; } body.eg-visual-overhaul .personal-home .focus-today .focus-appt { grid-template-columns: minmax(0, 1.4fr) auto minmax(0, 1fr); padding: 16px 18px; gap: 17px; border-color: #ece6f2; border-radius: 12px; background: #fcfaff; color: var(--home-polish-ink); font-size: .84rem; } body.eg-visual-overhaul .personal-home .focus-today .focus-appt:hover { background: #f5effb; border-color: #d6c3e5; } body.eg-visual-overhaul .personal-home .focus-today .focus-appt > * { min-width: 0; overflow-wrap: anywhere; } body.eg-visual-overhaul .personal-home .focus-today .focus-appt small { color: var(--home-polish-muted); font-size: .76rem; margin-top: 0; } body.eg-visual-overhaul .personal-home :is(button, summary, select):focus-visible { outline: 2px solid var(--home-accent); outline-offset: 3px; } @media (max-width: 760px) { body.eg-visual-overhaul .personal-home .welcome-hero { padding: 27px 24px 25px; } body.eg-visual-overhaul .personal-home .welcome-hero::before { left: 24px; } body.eg-visual-overhaul .personal-home .home-hero-top { top: 24px; right: 22px; } body.eg-visual-overhaul .personal-home .welcome-sun { width: 46px; height: 46px; padding: 11px; border-radius: 15px; } body.eg-visual-overhaul .personal-home .welcome-hero h1 { padding-right: 40px; font-size: 2rem; letter-spacing: -.05em; } body.eg-visual-overhaul .personal-home .welcome-intro { font-size: .91rem; } body.eg-visual-overhaul .personal-home .home-momentum, body.eg-visual-overhaul .personal-home .goal-pace { padding: 22px; } body.eg-visual-overhaul .personal-home .home-day-card, body.eg-visual-overhaul .personal-home .welcome-bottom article { padding: 24px; border-radius: 18px; } body.eg-visual-overhaul .personal-home .home-momentum-periods { width: 100%; } body.eg-visual-overhaul .personal-home .home-momentum-periods button { min-height: 44px; padding-inline: 5px; } body.eg-visual-overhaul .personal-home .home-momentum-footer summary, body.eg-visual-overhaul .personal-home .home-momentum-report-link, body.eg-visual-overhaul .personal-home .goal-pace > header button { min-height: 44px; } body.eg-visual-overhaul .personal-home .home-momentum-card { padding: 19px 15px; } body.eg-visual-overhaul .personal-home .home-day-grid, body.eg-visual-overhaul .personal-home .welcome-bottom { gap: 17px; } body.eg-visual-overhaul .personal-home .welcome-team-goals { padding-inline: 21px; } body.eg-visual-overhaul .personal-home .focus-today { padding: 23px; } body.eg-visual-overhaul .personal-home .focus-today .focus-appt { grid-template-columns: minmax(0, 1fr) auto; gap: 9px 14px; } body.eg-visual-overhaul .personal-home .focus-today .focus-appt small { grid-column: 1 / -1; } } @media (max-width: 480px) { body.eg-visual-overhaul .personal-home .welcome-hero { padding: 25px 20px 23px; border-radius: 18px; } body.eg-visual-overhaul .personal-home .welcome-hero::before { left: 20px; width: 62px; } body.eg-visual-overhaul .personal-home .home-hero-top { top: 20px; right: 18px; } body.eg-visual-overhaul .personal-home .welcome-sun { width: 38px; height: 38px; padding: 9px; border-radius: 13px; } body.eg-visual-overhaul .personal-home .welcome-sun svg { width: 20px; height: 20px; } body.eg-visual-overhaul .personal-home .welcome-hero > .eyebrow { padding-right: 46px; font-size: .6rem; letter-spacing: 1.2px; } body.eg-visual-overhaul .personal-home .welcome-hero h1 { padding-right: 0; font-size: 1.85rem; margin-top: 16px; } body.eg-visual-overhaul .personal-home .welcome-intro { font-size: .86rem; } body.eg-visual-overhaul .personal-home .home-momentum, body.eg-visual-overhaul .personal-home .goal-pace { padding: 20px 15px; border-radius: 18px; } body.eg-visual-overhaul .personal-home .home-momentum-card { padding: 17px 12px; } body.eg-visual-overhaul .personal-home .home-momentum-card-heading { font-size: .73rem; } body.eg-visual-overhaul .personal-home .home-momentum-value-row { flex-wrap: wrap; gap: 7px; margin: 14px 0 12px; } body.eg-visual-overhaul .personal-home .home-momentum-value-row > strong { font-size: 1.95rem; } body.eg-visual-overhaul .personal-home .home-momentum-change { font-size: .66rem; } body.eg-visual-overhaul .personal-home .home-momentum-difference { font-size: .63rem; } body.eg-visual-overhaul .personal-home .home-momentum-caption { font-size: .67rem; } body.eg-visual-overhaul .personal-home .goal-pace-card { padding: 18px 16px; } body.eg-visual-overhaul .personal-home .home-day-card, body.eg-visual-overhaul .personal-home .welcome-bottom article { padding: 22px 20px; } body.eg-visual-overhaul .personal-home .home-day-card h2 { font-size: 1.3rem; } body.eg-visual-overhaul .personal-home .home-team-wins dl > div { gap: 10px; font-size: .76rem; } body.eg-visual-overhaul .personal-home .home-team-wins dd { flex-shrink: 1; } body.eg-visual-overhaul .personal-home .welcome-team-goals { padding-inline: 19px; } body.eg-visual-overhaul .personal-home .focus-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } body.eg-visual-overhaul .personal-home .focus-home-stat { padding: 18px 14px; } body.eg-visual-overhaul .personal-home .focus-today { padding: 21px 18px; } body.eg-visual-overhaul .personal-home .focus-today .focus-appt { padding: 15px 13px; } } @media (prefers-reduced-motion: reduce) { body.eg-visual-overhaul .personal-home .home-momentum-periods button, body.eg-visual-overhaul .personal-home .focus-home-stat, body.eg-visual-overhaul .personal-home .focus-today .focus-appt { transition: none; } }