@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--navy:#304a43;--navy2:#3a5a50;--mint:#b8d4c7;--ink:#26332f;--muted:#6f7d77;--line:#dde5e0;--bg:#f4f6f2;--white:#fff;--sage:#6f9b89;--sage-dark:#527766;--sage-deep:#36564c;--sage-soft:#e7f0eb;--amber:#c49a54;--blue:#6688a5;--green:#5f927c;--coral:#bf7b70;--violet:#81789d;--action-control-height:38px}
/* Personal palettes: variables carry the page background, chrome, cards and action colors together. */
.shell.theme-sage{--theme-sidebar:#304a43;--theme-sidebar-active:#234b49;--theme-sidebar-hover:#1a4040;--theme-sidebar-text:#aec3bf;--theme-sidebar-icon:#86a6a0;--theme-accent:#2e7465;--theme-accent-strong:#245e52;--theme-accent-soft:#e7f0eb;--theme-page:#f4f6f2;--theme-card:#fff;--theme-topbar:#fff;--theme-ink:#26332f;--theme-muted:#6f7d77;--theme-line:#dde5e0;--theme-summary-start:#36564c;--theme-summary-end:#527766;--theme-today:#6f9b89;--theme-event:#3d8068;--theme-event-soft:#e6f4ed;--theme-holiday:#c14e4e;--theme-holiday-soft:#fff0f0}.shell.theme-ocean{--theme-sidebar:#173d62;--theme-sidebar-active:#205b84;--theme-sidebar-hover:#123653;--theme-sidebar-text:#c3dced;--theme-sidebar-icon:#86bee0;--theme-accent:#287eb1;--theme-accent-strong:#1d608a;--theme-accent-soft:#e7f4fb;--theme-page:#f2f7fb;--theme-card:#fff;--theme-topbar:#fff;--theme-ink:#233747;--theme-muted:#657887;--theme-line:#d8e5ed;--theme-summary-start:#1b557c;--theme-summary-end:#398fbd;--theme-today:#3588b9;--theme-event:#287cab;--theme-event-soft:#e4f3fb;--theme-holiday:#b65a68;--theme-holiday-soft:#fff0f2}.shell.theme-ubt{--theme-sidebar:#eb742d;--theme-sidebar-active:#d55e21;--theme-sidebar-hover:#c74f19;--theme-sidebar-text:#fff4ed;--theme-sidebar-icon:#ffe0c9;--theme-accent:#df6428;--theme-accent-strong:#b94719;--theme-accent-soft:#fff0e6;--theme-page:#fff7f2;--theme-card:#fffdfa;--theme-topbar:#fffdfa;--theme-ink:#402c25;--theme-muted:#806d64;--theme-line:#f0d8ca;--theme-summary-start:#df6428;--theme-summary-end:#f18a43;--theme-today:#e76d2c;--theme-event:#cf5921;--theme-event-soft:#fff0e5;--theme-holiday:#ad5350;--theme-holiday-soft:#fff0ee}.shell{background:var(--theme-page);color:var(--theme-ink)}.shell .sidebar{background:var(--theme-sidebar)}.shell .main-nav a{color:var(--theme-sidebar-text)}.shell .main-nav a>span{color:var(--theme-sidebar-icon)}.shell .main-nav a:hover{background:var(--theme-sidebar-hover)}.shell .main-nav a.active{background:var(--theme-sidebar-active);box-shadow:inset 3px 0 var(--theme-sidebar-icon)}.shell .main-nav a.active>span,.shell .brand b,.shell .brand-mark i{color:var(--theme-sidebar-icon);background:unset}.shell .brand-mark i{background:var(--theme-sidebar-icon)}.shell .nav-label{color:color-mix(in srgb,var(--theme-sidebar-text) 70%,transparent)}.shell .sidebar-help{border-color:color-mix(in srgb,var(--theme-sidebar-text) 18%,transparent)}.shell .topbar{background:var(--theme-topbar);border-color:var(--theme-line)}.shell .content{background:var(--theme-page)}.shell .primary-action{background:var(--theme-accent);box-shadow:0 3px 10px color-mix(in srgb,var(--theme-accent) 26%,transparent)}.shell .primary-action:hover{background:var(--theme-accent-strong)}.shell .page-heading h1,.shell .content h1,.shell .content h2{color:var(--theme-ink)}.shell .page-heading p,.shell .content p,.shell .content small{color:var(--theme-muted)}.shell .panel,.shell .metric,.shell .settings-card,.shell .account-summary-card,.shell .sales-table,.shell .sales-filters,.shell .content-card,.shell .modal{background:var(--theme-card);border-color:var(--theme-line)}.shell input:focus,.shell select:focus,.shell textarea:focus{border-color:var(--theme-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 16%,transparent)!important}.shell .avatar,.shell .settings-icon{background:var(--theme-accent-soft);color:var(--theme-accent-strong)}.shell .sales-hero{background:linear-gradient(115deg,var(--theme-summary-start),var(--theme-summary-end));box-shadow:0 9px 24px color-mix(in srgb,var(--theme-summary-start) 25%,transparent)}.shell .sales-hero small{color:color-mix(in srgb,#fff 82%,transparent)}.shell .calendar-days button:hover{background:var(--theme-accent-soft)}.shell .calendar-days button.today{box-shadow:inset 0 0 0 2px var(--theme-today);color:var(--theme-today)}.shell .calendar-days button.selected{background:var(--theme-today);color:#fff}.shell .calendar-days button.company-event{background:var(--theme-event-soft);color:var(--theme-event);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-event) 35%,transparent)}.shell .calendar-days button.company-event::after{color:var(--theme-event)}.shell .calendar-days button.company-holiday{background:var(--theme-holiday-soft);color:var(--theme-holiday);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-holiday) 40%,transparent)}.shell .calendar-days button.company-holiday::after{color:var(--theme-holiday)}.shell .calendar-days button.selected.company-holiday,.shell .calendar-days button.selected.company-event{background:var(--theme-today);color:#fff;box-shadow:none}.shell .calendar-days button.selected.company-holiday::after,.shell .calendar-days button.selected.company-event::after{color:#fff}.shell .calendar-days button em,.shell .schedule-calendar>footer i{background:var(--theme-today)}.shell .schedule-calendar>footer button,.shell .schedule-agenda>header>div>span,.shell .schedule-empty>span{background:var(--theme-accent-soft);color:var(--theme-accent-strong)}
.formatted-number-input{text-align:right;font-variant-numeric:tabular-nums}.money-number-input{letter-spacing:.01em}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}input::placeholder,textarea::placeholder{color:#b2bbb7;opacity:1;font-weight:400}input:focus::placeholder,textarea:focus::placeholder{color:#c0c7c4}a{text-decoration:none;color:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#dce9e5;padding:26px 17px 18px;display:flex;flex-direction:column;z-index:20}.brand{height:58px;display:flex;align-items:flex-start;gap:12px;padding:0 12px;color:white;font:700 22px Manrope}.brand b{color:var(--mint)}.brand small{display:block;font:600 8px DM Sans;letter-spacing:3.3px;color:#7f9f98;margin-top:1px}.brand-mark{display:grid;grid-template-columns:repeat(3,5px);gap:3px;align-items:end;height:27px}.brand-mark i{display:block;width:5px;border-radius:2px;background:var(--mint)}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:25px}.brand-mark i:nth-child(3){height:18px}.main-nav{display:flex;flex-direction:column;gap:5px;margin-top:17px}.nav-label{font-size:9px;letter-spacing:1.8px;color:#6f918b;font-weight:700;padding:22px 14px 5px}.main-nav a{height:43px;display:flex;align-items:center;gap:13px;border-radius:8px;padding:0 13px;color:#aec3bf;font-size:13px;font-weight:500}.main-nav a>span{font-size:19px;width:20px;text-align:center;color:#86a6a0}.main-nav a:hover{background:#1a4040;color:white}.main-nav a.active{background:#234b49;color:white;box-shadow:inset 3px 0 var(--mint)}.main-nav a.active>span{color:var(--mint)}.main-nav em{margin-left:auto;background:#dc6b59;color:white;border-radius:99px;min-width:21px;height:21px;text-align:center;line-height:21px;font-style:normal;font-size:10px}.sidebar-help{margin-top:auto;border-top:1px solid #294748;padding:20px 10px 2px;display:flex;gap:11px;align-items:center}.sidebar-help>span{width:31px;height:31px;border:1px solid #51706b;border-radius:50%;display:grid;place-items:center}.sidebar-help strong,.sidebar-help small{display:block}.sidebar-help strong{font-size:11px}.sidebar-help small{font-size:9px;color:#799792;margin-top:3px}.workspace{margin-left:246px;width:calc(100% - 246px)}.topbar{height:78px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 35px;position:sticky;top:0;z-index:10}.top-search{display:flex;align-items:center;background:#f6f8f7;border:1px solid #edf0ee;border-radius:8px;width:386px;height:40px;padding:0 12px;color:#92a09d}.top-search input{border:0;outline:0;background:transparent;flex:1;font-size:12px;padding:0 10px}.top-search kbd{border:1px solid #dce3df;background:white;padding:3px 6px;border-radius:4px;font-size:9px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.language{border:0;background:transparent;font-size:11px;font-weight:700;color:#51605e}.icon-button{position:relative;border:0;background:transparent;font-size:20px;color:#566563}.dot{position:absolute;width:6px;height:6px;background:#db6d59;border-radius:50%;right:2px;top:1px}.profile{display:flex;align-items:center;gap:10px;padding-left:17px;border-left:1px solid var(--line);position:relative}.avatar{width:36px;height:36px;border-radius:10px;background:#e3f2ed;color:#2d7765;display:grid;place-items:center;font-weight:700;font-size:12px}.profile strong,.profile small{display:block}.profile strong{font-size:11px}.profile small{font-size:9px;color:#899492;margin-top:2px}.approval-badge{position:absolute;right:-12px;top:-9px;width:18px;height:18px;background:#dc6b59;color:white;border-radius:50%;font-size:9px;display:grid;place-items:center;border:2px solid white}.mobile-menu{display:none}.content{padding:35px 38px 50px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:29px}.eyebrow{font-size:9px!important;font-weight:700;letter-spacing:1.5px;color:#87918e;text-transform:uppercase;margin:0 0 7px!important}.page-heading h1{font:800 27px Manrope;margin:0;letter-spacing:-.7px}.page-heading p{font-size:12px;color:#76827f;margin:7px 0 0}.primary-action{height:39px;border:0;border-radius:7px;background:#2e7465;color:white;padding:0 15px;font-size:11px;font-weight:600;box-shadow:0 3px 8px #2e746526}.primary-action span{margin-left:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:19px}.metric{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;align-items:center;min-height:112px;position:relative;box-shadow:0 2px 7px #243b342a}.metric:before{content:"";position:absolute;left:-1px;top:22px;height:43px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.accent-amber{--accent:var(--amber)}.accent-blue{--accent:var(--blue)}.accent-green{--accent:var(--green)}.accent-coral{--accent:var(--coral)}.metric-icon{width:39px;height:39px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,white);color:var(--accent);margin-right:14px;font-weight:700}.metric span{display:block;font-size:8px;font-weight:700;color:#8a9592;letter-spacing:.9px}.metric strong{display:block;font:800 24px Manrope;margin:3px 0}.metric small{font-size:9px;color:#8a9592}.metric small b{color:var(--green)}.metric>a{margin-left:auto;color:#a3aeab}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.panel{background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 7px #243b341f;overflow:hidden}.panel-head{height:72px;padding:18px 21px;display:flex;align-items:flex-start;border-bottom:1px solid var(--line)}.panel-head h2{font:700 14px Manrope;margin:0}.panel-head p{font-size:9px;color:#939e9a;margin:5px 0 0}.panel-head>a{margin-left:auto;color:#387767;font-size:10px;font-weight:600}.approval-row{height:82px;border-bottom:1px solid #edf0ee;display:grid;grid-template-columns:38px 1fr 60px 90px 130px;gap:11px;align-items:center;padding:0 20px}.approval-row:last-child{border:0}.type-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-weight:700}.leave{background:#fff5df;color:#d59727}.expense{background:#e7f4ef;color:#398567}.trip{background:#eaf2fb;color:#4c7eaf}.approval-main strong,.approval-main small{display:block}.approval-main strong{font-size:11px}.approval-main small{font-size:8px;color:#8e9996;margin-top:6px}.approval-row time{font-size:8px;color:#8e9996}.step{font-size:8px;background:#f2f4f3;padding:5px 8px;border-radius:99px;text-align:center}.amount{font-size:10px;font-weight:700}.row-actions{display:flex;gap:5px}.row-actions button{border:1px solid #dce3df;background:white;border-radius:5px;padding:6px 8px;font-size:8px}.row-actions .approve{background:#2e7465;color:white;border-color:#2e7465}.timeline{display:grid;grid-template-columns:42px 1fr;padding:17px 20px;gap:12px 10px}.time{font-size:9px;color:#7f8b88;padding-top:5px}.event{border-left:3px solid var(--event);padding:2px 0 2px 12px}.event b,.event span,.event small{display:block}.event b{font-size:10px}.event span{font-size:8px;color:#7e8987;margin:4px 0}.event small{font-size:8px;color:var(--event)}.event.blue{--event:var(--blue)}.event.violet{--event:var(--violet)}.event.green{--event:var(--green)}.activity{height:62px;padding:0 21px;display:grid;grid-template-columns:31px 1fr 40px;gap:10px;align-items:center;border-bottom:1px solid #edf0ee}.activity-dot{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:10px}.activity-dot.amber{background:#fff5df;color:#c58924}.activity-dot.green{background:#e7f4ef;color:#398567}.activity-dot.blue{background:#eaf2fb;color:#4c7eaf}.activity-dot.violet{background:#efecfb;color:#6a58b2}.activity b,.activity small{display:block}.activity b{font-size:9px}.activity small{font-size:8px;color:#8c9694;margin-top:4px}.activity time{font-size:8px;color:#9da6a4}.filter,.secondary{margin-left:auto;border:1px solid #dfe5e2;background:white;border-radius:6px;padding:6px 9px;font-size:8px}.pipeline-total{padding:19px 21px 12px}.pipeline-total strong{font:800 23px Manrope}.pipeline-total span{font-size:9px;color:#8d9895;margin-left:8px}.funnel{height:59px;display:flex;flex-direction:column;gap:4px;padding:0 21px}.funnel i{height:9px;background:linear-gradient(90deg,#3a8976,#76c9ae);border-radius:0 6px 6px 0}.funnel-labels{display:grid;grid-template-columns:repeat(4,1fr);padding:4px 18px 18px;gap:3px}.funnel-labels span{font-size:7px;color:#899390}.funnel-labels b{display:block;font-size:11px;color:#31413e}.module-toolbar{height:58px;background:white;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.tabs button{border:0;background:none;padding:18px 12px;font-size:11px;color:#7a8683}.tabs button.active{color:#276e5e;border-bottom:2px solid #3b907a}.module-content{min-height:430px;background:white;border:1px solid var(--line);border-radius:10px;margin-top:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-visual{width:74px;height:74px;border-radius:22px;background:#e7f4ef;color:#317d69;display:grid;place-items:center;font-size:28px}.module-content h2{font:700 19px Manrope;margin:20px 0 7px}.module-content p{max-width:520px;color:#7e8987;font-size:12px;line-height:1.7;margin:0 0 18px}#blazor-error-ui{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff2cc;padding:10px;z-index:100}.blazor-error-boundary{padding:1rem;background:#b32121;color:white}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.workspace{margin-left:0;width:100%;min-width:0}.sidebar{display:flex;width:246px;transform:translateX(-100%);transition:.22s}.sidebar.open{transform:none}.mobile-menu{display:block;border:0;background:none;font-size:20px}.menu-scrim{display:block;position:fixed;inset:0;border:0;background:#0b1e1eaa;z-index:15}.top-search{width:280px}}
@media(max-width:760px){.sidebar{display:none}.workspace{margin:0;width:100%}.topbar{padding:0 16px}.mobile-menu{display:block;border:0;background:none;font-size:20px}.top-search{width:auto;flex:1;margin:0 12px}.top-search kbd,.profile>div:not(.avatar){display:none}.content{padding:24px 16px}.metrics{grid-template-columns:1fr}.page-heading{align-items:flex-start;gap:18px}.approval-row{grid-template-columns:38px 1fr 80px}.approval-row .step,.approval-row .amount,.approval-row time{display:none}.dashboard-grid{display:block}.panel{margin-bottom:16px}}

/* Sites Preview parity: authentication, record management, review flow and organization chart */
.profile-button{border-top:0;border-right:0;border-bottom:0;background:transparent;text-align:left;cursor:pointer}.profile-button>span:nth-child(2){display:block}.profile-button em{font-style:normal}.login-page{min-height:100vh;background:radial-gradient(circle at 70% 20%,#285753 0,transparent 35%),var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;padding:28px}.login-brand{display:flex;gap:14px;font:800 28px Manrope;margin-bottom:26px}.login-brand b{color:var(--mint)}.login-brand small{display:block;font:600 8px 'DM Sans';letter-spacing:3px;color:#7da099}.login-card{width:min(420px,100%);background:white;color:var(--ink);border-radius:16px;padding:34px;box-shadow:0 26px 70px #07181788}.login-head{text-align:center;margin-bottom:24px}.login-head>span{width:50px;height:50px;border-radius:14px;background:#e4f3ee;color:#2e7465;display:grid;place-items:center;margin:auto;font-size:23px}.login-head h1{font:800 22px Manrope;margin:15px 0 5px}.login-head p{font-size:11px;color:var(--muted)}.login-card label{display:block;font-size:10px;font-weight:700;color:#66726f;margin:14px 0}.login-card input{display:block;width:100%;height:43px;border:1px solid #dce4e0;border-radius:7px;padding:0 12px;margin-top:6px;outline:none}.login-card input:focus{border-color:#4b9c87;box-shadow:0 0 0 3px #5fc4a525}.login-submit{width:100%;margin-top:7px}.login-card select{display:block;border:0;background:transparent;color:#66726f;margin:18px auto 0;font-size:10px}.form-error{color:#c65348;background:#fff0ee;border-radius:6px;padding:8px;font-size:10px}.demo-note{margin-top:17px;color:#84a39d}.tabs b{background:#e5f3ed;color:#347565;border-radius:20px;padding:2px 6px;margin-left:3px}.record-panel{background:white;border:1px solid var(--line);border-radius:10px;margin-top:17px;overflow:auto;box-shadow:0 2px 8px #243b341a}.record-panel table{width:100%;border-collapse:collapse;min-width:900px}.record-panel th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#84908d;background:#f8faf9;padding:13px 16px;border-bottom:1px solid var(--line)}.record-panel td{padding:15px 16px;border-bottom:1px solid #edf0ee;font-size:12px;color:#56625f}.record-panel tr:last-child td{border-bottom:0}.record-panel td:first-child{min-width:220px}.record-panel td b,.record-panel td small{display:block;color:#253432}.record-panel td b{font-size:13px}.record-panel td small{font-size:10px;color:#8b9693;margin-top:5px;max-width:280px;line-height:1.45}.record-link{border:0;background:transparent;padding:0;text-align:left;color:inherit;cursor:pointer}.record-link:hover b{color:#277561;text-decoration:underline;text-underline-offset:3px}.kind,.status{display:inline-block;border-radius:20px;padding:5px 8px;font-size:10px;background:#eef2f0;color:#52605d}.status.active,.status.approved,.status.confirmed{background:#e5f3ed;color:#2d7b61}.status.pending,.status.opportunity{background:#fff3dc;color:#a56c13}.status.rejected,.status.inactive{background:#fde9e6;color:#b44e42}.status.planned{background:#e9f1fb;color:#3d6f9f}.table-actions{display:flex;gap:5px}.table-actions button{width:27px;height:27px;border:1px solid #dce3df;border-radius:5px;background:white;color:#52605d;cursor:pointer}.table-actions .approve{background:#e5f3ed;color:#2d7b61}.table-actions .danger{color:#bd5448}.table-actions .review-button{width:auto;padding:0 9px;color:#2e7465;font-weight:700}.no-data{height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#7e8987}.no-data>span{font-size:30px}.no-data b{font-size:13px}.modal-backdrop{position:fixed;inset:0;background:#0d2222aa;z-index:80;display:grid;place-items:center;padding:20px}.modal{width:min(660px,100%);max-height:92vh;overflow:auto;background:white;border-radius:13px;box-shadow:0 28px 80px #06151488}.modal>header{padding:21px 24px;border-bottom:1px solid var(--line);display:flex}.modal h2{font:800 18px Manrope;margin:0}.modal header p{font-size:11px;color:var(--muted);margin:4px 0 0}.modal header button{margin-left:auto;border:0;background:none;font-size:24px;color:#7c8885;cursor:pointer}.form-grid{padding:22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:11px;font-weight:700;color:#687470}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;border:1px solid #dce3df;border-radius:7px;padding:10px;margin-top:6px;outline:none;font-size:13px;background:white}.form-grid textarea{min-height:85px;resize:vertical}.modal>footer{padding:15px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.modal>footer button{height:37px;border:1px solid #dce3df;border-radius:7px;background:white;padding:0 15px;font-size:12px;cursor:pointer}.modal>footer .primary-action{background:#2e7465;color:white;border-color:#2e7465}.detail-modal{width:min(720px,100%)}.detail-modal>header{padding:25px 28px}.detail-modal h2{font-size:22px;margin-top:8px}.detail-type{display:inline-block;color:#317865;background:#e6f3ee;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.detail-body{padding:24px 28px}.detail-status{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.detail-status time{font-size:11px;color:#7d8986}.detail-body dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.detail-body dl>div{background:#f7f9f8;border:1px solid #edf1ef;border-radius:8px;padding:15px}.detail-body dt{font-size:10px;color:#82908c;text-transform:uppercase;letter-spacing:.6px;margin-bottom:7px}.detail-body dd{font-size:14px;font-weight:600;margin:0;line-height:1.5}.detail-body aside{border-top:1px solid var(--line);padding-top:20px}.detail-body aside>b{font-size:13px}.detail-body ol{list-style:none;padding:0;margin:14px 0 0}.detail-body li{display:flex;align-items:center;gap:12px;margin:12px 0}.detail-body li>span{width:30px;height:30px;border-radius:50%;background:#e5f3ed;color:#2f7d65;display:grid;place-items:center;font-size:11px;font-weight:700}.detail-body li strong,.detail-body li small{display:block}.detail-body li strong{font-size:12px}.detail-body li small{font-size:10px;color:#899492;margin-top:3px}.reject-action{color:#b85044!important;border-color:#edc8c3!important}.org-chart{background:#fff;border:1px solid var(--line);border-radius:11px;margin-top:17px;overflow:hidden;box-shadow:0 2px 8px #243b341a}.org-chart>header{height:70px;padding:17px 21px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start}.org-chart h2{font-size:16px;margin:0}.org-chart header p{font-size:11px;color:#899492;margin:5px 0}.org-chart header>span{margin-left:auto;font-size:10px;color:#71807c;display:flex;align-items:center;gap:6px}.org-chart header>span i{width:7px;height:7px;border-radius:50%;background:#43aa7e}.org-canvas{padding:28px 24px 35px;background:radial-gradient(circle,#dfe8e4 1px,transparent 1px);background-size:18px 18px;overflow:auto}.org-root{width:330px;min-height:78px;margin:auto;background:var(--navy);color:white;border-radius:10px;padding:14px 17px;display:flex;align-items:center;gap:13px;box-shadow:0 8px 20px #172d2b35;position:relative;z-index:2}.company-mark{width:43px;height:43px;border-radius:9px;background:#244947;display:grid;place-items:center}.org-root b,.org-root small,.org-root em{display:block}.org-root b{font-size:16px}.org-root small{font-size:10px;color:#abc2bc;margin-top:4px}.org-root em{font-size:9px;color:var(--mint);margin-top:4px;font-style:normal}.org-trunk{width:2px;height:40px;background:#96ada7;margin:auto}.org-tree{width:960px;margin:0 auto}.org-departments{display:grid;grid-template-columns:repeat(3,minmax(265px,1fr));gap:28px;min-width:0;position:relative}.org-departments:before{content:"";position:absolute;top:0;left:16.6667%;right:16.6667%;height:2px;background:#96ada7}.org-branch{padding-top:28px;position:relative}.org-branch:before{content:"";position:absolute;top:0;left:50%;width:2px;height:28px;background:#96ada7;transform:translateX(-1px)}.org-dept{width:min(265px,100%);margin:auto}.org-node{width:100%;min-height:88px;border:1px solid #dce5e1;background:white;border-radius:9px;padding:13px;text-align:left;display:grid;grid-template-columns:38px 1fr 15px;gap:10px;align-items:center;cursor:pointer;box-shadow:0 3px 10px #203b3420;transition:.18s}.org-node:hover{border-color:#6eae9e;transform:translateY(-2px);box-shadow:0 8px 18px #203b3430}.org-avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:800;background:#e5f3ed;color:#2f7d65}.org-avatar.tone-1{background:#e9f1fb;color:#4478a8}.org-avatar.tone-2{background:#efecfb;color:#6958b1}.org-avatar.tone-3{background:#fff2dc;color:#ad7420}.org-node b,.org-node small,.org-node em{display:block}.org-node b{font-size:12px}.org-node small{font-size:10px;color:#687773;margin-top:4px}.org-node em{font-size:9px;color:#929c99;margin-top:4px;font-style:normal}.org-node>i{font-style:normal;color:#7c9992}.branch-line{width:2px;height:28px;background:#a2b6b1;margin:auto}.org-teams{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;padding-top:24px}.org-teams:before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:#a2b6b1}.org-teams .org-node{position:relative}.org-teams .org-node:before{content:"";position:absolute;left:50%;top:-24px;width:2px;height:24px;background:#a2b6b1}.org-teams.single{grid-template-columns:1fr;max-width:230px;margin:auto}.org-teams.single:before{left:50%;right:auto;width:2px;height:24px}.org-teams.single .org-node:before{display:none}.menu-scrim{display:none}
@media(max-width:900px){.org-root{width:290px}}
@media(max-width:1100px){.sidebar{display:flex;width:246px;transform:translateX(-100%);transition:.22s}.sidebar.open{transform:none}.menu-scrim{display:block;position:fixed;inset:0;border:0;background:#0b1e1eaa;z-index:15}}@media(max-width:760px){.record-panel{margin-left:-2px;margin-right:-2px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.modal{max-height:96vh}.module-toolbar>div:last-child{display:none}.login-card{padding:27px 22px}.detail-body dl{grid-template-columns:1fr}}

/* Latest Sites Preview: bright orange visual theme */
body{background:linear-gradient(135deg,#fffaf6 0%,#fff4e9 100%)}.sidebar{background:linear-gradient(180deg,#df6a2b 0%,#c84e20 100%);box-shadow:5px 0 22px #a7481e24}.brand b{color:#fff2ce}.brand-mark i{background:#fff0c5}.nav-label{color:#ffd0ad}.main-nav a{color:#fff2e7}.main-nav a>span{color:#ffdcc4}.main-nav a:hover{background:#b9431a80}.main-nav a.active{background:#a93c18;box-shadow:inset 3px 0 #ffe2a8}.main-nav a.active>span{color:#ffe2a8}.main-nav em,.approval-badge{background:#8f331a}.sidebar-help{border-color:#ed966b}.sidebar-help small{color:#ffd2bc}.topbar{border-color:#eeddd2}.top-search{background:#fffaf7;border-color:#f0e2da}.avatar{background:#fff0df;color:#c85623}.primary-action{background:linear-gradient(135deg,#f5823d,#df5f24);box-shadow:0 4px 12px #df5f2434}.metric,.panel,.record-panel,.org-chart,.module-toolbar,.modal,.google-panel,.google-hero{border-color:#eeddd2;box-shadow:0 3px 12px #a95b2a18}.panel-head>a,.record-link:hover b{color:#d45e26}.row-actions .approve,.modal>footer .primary-action{background:#e66b2e;border-color:#e66b2e}.type-icon.leave,.activity-dot.amber{background:#fff1d9;color:#db781b}.type-icon.expense,.activity-dot.green,.status.active,.status.approved,.status.confirmed{background:#ffeadc;color:#c45b26}.type-icon.trip,.activity-dot.blue,.status.planned{background:#ffe8dd;color:#c9582a}.activity-dot.violet{background:#fbe6df;color:#a95941}.tabs button.active{color:#d25e28;border-color:#ee844b}.tabs b,.kind{background:#fde9dd;color:#c25727}.status.pending,.status.opportunity{background:#fff0d5;color:#b96916}.table-actions .approve{background:#fde9dd;color:#c45b27}.login-page{background:radial-gradient(circle at 70% 20%,#f58946 0,transparent 38%),linear-gradient(145deg,#c94e20,#ed7b35)}.login-head>span{background:#fff0df;color:#ce5b25}.login-card input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#ec884d;box-shadow:0 0 0 3px #ee8b4c26}.detail-type{background:#fde9dc;color:#c35829}.detail-body li>span{background:#fde8da;color:#c55b28}.org-canvas{background-color:#fffaf5;background-image:radial-gradient(circle,#eddbcf 1px,transparent 1px)}.org-root{background:linear-gradient(135deg,#e36a2d,#bf471d)}.company-mark{background:#f28b52}.org-root em{color:#fff0c9}.org-node:hover{border-color:#e49368;box-shadow:0 8px 18px #b1542530}.org-avatar{background:#fde9dc;color:#c35a27}.org-avatar.tone-1{background:#ffe4d4;color:#ce5822}.org-avatar.tone-2{background:#f9e4dc;color:#a85b43}.org-avatar.tone-3{background:#fff0d5;color:#b36b1c}.org-trunk,.org-departments:before,.org-branch:before,.branch-line,.org-teams:before,.org-teams .org-node:before{background:#d9ac96}.funnel i{background:linear-gradient(90deg,#e16227,#f5a34d)}

/* Latest Sites Preview: comfortable typography scale */
.main-nav a{font-size:15px;height:47px}.nav-label{font-size:10px}.sidebar-help strong{font-size:13px}.sidebar-help small{font-size:11px}.top-search input{font-size:14px}.profile strong{font-size:13px}.profile small{font-size:11px}.page-heading h1{font-size:32px}.eyebrow{font-size:11px!important}.page-heading p{font-size:16px}.primary-action{height:43px;font-size:14px;padding:0 18px}.metrics{gap:18px}.metric{min-height:124px;padding:22px}.metric span{font-size:11px}.metric strong{font-size:27px}.metric small{font-size:12px}.panel-head{height:78px;padding:20px 22px}.panel-head h2{font-size:18px}.panel-head p{font-size:12px}.panel-head>a{font-size:13px}.approval-row{min-height:92px;height:auto}.approval-main strong{font-size:15px}.approval-main small{font-size:12px}.approval-row time,.step{font-size:12px}.row-actions button{font-size:12px;padding:8px 11px}.timeline{gap:16px 11px}.time{font-size:12px}.event b{font-size:14px}.event span,.event small{font-size:12px}.activity{height:72px}.activity b{font-size:13px}.activity small,.activity time{font-size:11px}.module-toolbar{height:64px}.tabs button{font-size:13px}.record-panel th{font-size:12px;padding:15px 17px}.record-panel td{font-size:14px;padding:18px 17px}.record-panel td b{font-size:15px}.record-panel td small{font-size:12px}.kind,.status{font-size:11px;padding:6px 9px}.table-actions button{width:31px;height:31px;font-size:12px}.table-actions .review-button{font-size:12px}.modal{width:min(700px,100%)}.modal h2{font-size:21px}.modal header p{font-size:13px}.form-grid label{font-size:13px}.form-grid input,.form-grid select,.form-grid textarea{font-size:15px}.modal>footer button{font-size:14px;height:41px}.modal-backdrop>.detail-modal{width:min(780px,100%)}.detail-modal h2{font-size:26px}.detail-type{font-size:12px}.detail-status time{font-size:13px}.detail-body dt{font-size:12px}.detail-body dd{font-size:17px}.detail-body aside>b{font-size:15px}.detail-body li strong{font-size:14px}.detail-body li small{font-size:12px}.org-chart h2{font-size:18px}.org-chart header p{font-size:13px}.org-root b{font-size:18px}.org-root small{font-size:12px}.org-root em{font-size:11px}.org-node b{font-size:14px}.org-node small{font-size:12px}.org-node em{font-size:11px}.login-head h1{font-size:25px}.login-head p{font-size:13px}.login-card label{font-size:12px}.login-card input{font-size:15px}

/* Latest Sites Preview: Google Workspace pages */
.external-primary{display:flex;align-items:center;text-decoration:none}.google-hero{background:linear-gradient(135deg,#fff,#fff7ef);border:1px solid var(--line);border-radius:12px;padding:24px 26px;display:grid;grid-template-columns:62px 1fr auto;gap:18px;align-items:center;margin-bottom:18px}.google-mark{width:60px;height:60px;border-radius:15px;display:grid;place-items:center;font-size:25px;font-weight:800;background:#fff0e5;color:#da5c28;box-shadow:inset 0 0 0 1px #f4d8c7}.google-mark.gcal{background:#fff1df;color:#d9682a}.google-hero>div:nth-child(2)>span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#c15b2b}.google-hero h2{font-size:21px;margin:4px 0}.google-hero p{font-size:12px;color:var(--muted);margin:0;max-width:600px;line-height:1.5}.google-hero>a{height:43px;border:1px solid #e9cdbd;border-radius:8px;padding:0 15px;display:flex;align-items:center;gap:10px;color:#bd5123;text-decoration:none;font-size:13px;font-weight:700;background:white}.google-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.google-panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.google-panel>header{height:66px;border-bottom:1px solid var(--line);padding:0 21px;display:flex;align-items:center}.google-panel header h2{font-size:16px;margin:0}.google-panel header span{margin-left:auto;background:#fff0e3;color:#bd5728;border-radius:20px;padding:5px 9px;font-size:10px}.google-panel>footer{height:52px;border-top:1px solid var(--line);display:flex;align-items:center;padding:0 21px}.google-panel a{color:#c85827;text-decoration:none;font-size:12px;font-weight:700}.mail-row{height:72px;padding:0 21px;display:grid;grid-template-columns:38px 1fr 8px 55px;gap:12px;align-items:center;border-bottom:1px solid #f0e7e1}.mail-row>span{width:38px;height:38px;border-radius:11px;background:#fff0e3;color:#bd5728;display:grid;place-items:center;font-size:11px;font-weight:800}.mail-row b,.mail-row small{display:block;font-size:13px}.mail-row small{font-size:11px;color:#8a7770;margin-top:4px}.mail-row.unread b{font-weight:800}.mail-row>i{width:7px;height:7px;border-radius:50%;background:#ed7435}.mail-row time{font-size:10px;color:#91807a;text-align:right}.quick-links>a{display:grid;grid-template-columns:42px 1fr 18px;gap:11px;align-items:center;min-height:78px;padding:0 21px;border-bottom:1px solid #f0e7e1}.quick-links>a>span{width:40px;height:40px;border-radius:10px;background:#fff0e3;color:#c25a29;display:grid;place-items:center;font-size:18px}.quick-links b,.quick-links small{display:block}.quick-links b{font-size:13px;color:var(--ink)}.quick-links small{font-size:11px;color:#8a7770;margin-top:4px}.quick-links em{font-style:normal}.calendar-row{height:78px;padding:0 21px;display:grid;grid-template-columns:48px 4px 1fr;gap:12px;align-items:center;border-bottom:1px solid #f0e7e1}.calendar-row time{font-size:12px;font-weight:700}.calendar-row>i{width:4px;height:42px;border-radius:4px;background:#ee7a35}.calendar-row>i.gold{background:#efa431}.calendar-row>i.coral{background:#e35e47}.calendar-row b,.calendar-row small{display:block;font-size:13px}.calendar-row small{font-size:11px;color:#89766f;margin-top:5px}.mini-calendar{padding-bottom:18px}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:15px 18px}.week b,.week span{height:29px;display:grid;place-items:center;font-size:10px}.week b{color:#a08c84}.week span{color:#5e4941}.week .today{background:#ec7436;color:white;border-radius:50%;font-weight:800}.calendar-create{display:block;margin:2px 18px 0;border:1px solid #ebd0c0;border-radius:7px;padding:11px;text-align:center}
@media(max-width:850px){.google-hero{grid-template-columns:52px 1fr}.google-hero>a{grid-column:1/-1;justify-content:center}.google-grid{grid-template-columns:1fr}.google-mark{width:52px;height:52px}.google-heading{align-items:flex-start}}
@media(max-width:760px){.main-nav a{font-size:14px}.page-heading h1{font-size:27px}.page-heading p{font-size:14px}.metric strong{font-size:25px}.record-panel td{font-size:13px}.detail-body dd{font-size:15px}}

/* Overview shortcut cards: make both the cue and the destination affordance easier to spot and tap. */
.metric-icon{width:50px;height:50px;margin-right:16px;border-radius:12px;font-size:21px}
.metric{color:inherit;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
.metric:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(38,51,47,.12)}
.metric:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 48%,white);outline-offset:3px}
.metric .metric-arrow{display:grid;place-items:center;width:38px;height:38px;margin-left:auto;border-radius:50%;color:#8c9995;font-size:24px;line-height:1;transition:background .16s ease,color .16s ease}
.metric:hover .metric-arrow{background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent)}
.mail-row{text-align:left!important}.mail-row .mail-summary{justify-self:stretch;width:100%!important;text-align:left!important}.mail-row .mail-summary b,.mail-row .mail-summary small{display:block;text-align:left!important;margin-left:0;margin-right:0}
.mail-detail-body dl{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin-bottom:13px!important}.mail-detail-body dl>div{padding:8px 10px!important;min-width:0}.mail-detail-body dt{margin-bottom:3px!important}.mail-detail-body dd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-calendar>header{justify-content:space-between}.mini-calendar>header h2{flex:1;text-align:center}.mini-calendar>header button{width:32px;height:32px;border:0;border-radius:7px;background:#fff1e7;color:#c85827;font-size:20px;cursor:pointer}.week button{height:29px;border:0;background:transparent;border-radius:50%;font-size:10px;color:#5e4941;cursor:pointer}.week button:hover{background:#fff0e3}.week button.today{box-shadow:inset 0 0 0 1px #ec7436;color:#c85827;font-weight:800}.week button.selected{background:#ec7436;color:white;font-weight:800;box-shadow:none}@media(max-width:760px){.mail-detail-body dl{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.google-message{padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.google-message strong{font-size:17px}.google-message small{font-size:12px;color:var(--muted)}.google-message a{margin-top:6px;color:#c85827;font-weight:700}.google-message.error{border-color:#efb4a2}.google-empty{min-height:170px;display:grid;place-items:center;color:var(--muted);font-size:13px}
.google-hero>.google-connect-action{height:43px;border:1px solid #e9cdbd;border-radius:8px;padding:0 15px;display:flex;align-items:center;gap:10px;color:#bd5123;text-decoration:none;font-size:13px;font-weight:700;background:white}.google-hero>.google-connect-action:disabled,.google-connect-panel:disabled{opacity:.48;cursor:not-allowed}.google-connect-panel{margin-top:8px;border:0;border-radius:7px;background:#e66b2e;color:white;padding:10px 14px;font-size:12px;font-weight:700}
.login-switch{display:grid;grid-template-columns:1fr 1fr;background:#fff4ec;border-radius:8px;padding:4px;margin-bottom:20px}.login-switch button{border:0;background:transparent;border-radius:6px;padding:9px;color:#9b725f;font-size:12px;font-weight:700}.login-switch button.active{background:white;color:#c85422;box-shadow:0 2px 8px #a95b2a18}.login-submit{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.login-submit:disabled{opacity:.6;cursor:wait}
.company-email-input{display:flex;align-items:center;margin-top:6px;border:1px solid #dce4e0;border-radius:7px;overflow:hidden}.company-email-input:focus-within{border-color:#ec884d;box-shadow:0 0 0 3px #ee8b4c26}.login-card .company-email-input input{margin:0;border:0;border-radius:0;box-shadow:none}.company-email-input span{height:43px;display:flex;align-items:center;padding:0 12px;background:#f5f7f6;border-left:1px solid #dce4e0;color:#66726f;font-size:13px;white-space:nowrap}
.form-success{color:#28715b;background:#e8f6ef;border-radius:6px;padding:8px;font-size:10px}
.ui-feedback{margin:0;padding:10px 12px;border:1px solid transparent;border-radius:9px;font-size:12px;line-height:1.45;white-space:pre-line}.ui-feedback.success{background:#e8f6ef;border-color:#c5e5d5;color:#247154}.ui-feedback.error{background:#fff0ee;border-color:#f0c6c1;color:#b34239}
.forgot-password,.back-to-login{display:block;border:0;background:transparent;color:#c85422;font-size:11px;font-weight:700;cursor:pointer}.forgot-password{margin:-6px 0 10px auto}.back-to-login{margin:14px auto 0}
.profile-menu-wrap{position:relative}.profile-chevron{font-size:14px;color:#8b9693;margin-left:3px}.profile-menu{position:absolute;right:0;top:52px;width:245px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 36px #253c3530;padding:8px;z-index:40}.profile-menu-head{display:flex;align-items:center;gap:11px;padding:10px 9px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}.profile-menu-head strong,.profile-menu-head small{display:block}.profile-menu-head strong{font-size:13px}.profile-menu-head small{font-size:10px;color:#899492;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.profile-menu>button{width:100%;height:39px;border:0;background:white;border-radius:7px;text-align:left;padding:0 10px;display:flex;align-items:center;gap:10px;color:#52605d;font-size:12px;cursor:pointer}.profile-menu>button:hover{background:#fff4ec;color:#c85422}.profile-menu>button span{width:18px;text-align:center}.profile-menu .signout-menu{color:#b44e42;border-top:1px solid #f0e4df;border-radius:0;margin-top:4px;padding-top:4px;height:43px}.my-page-grid{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}.my-profile-card,.my-details-card,.my-password-card{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px #a95b2a18}.my-profile-card{text-align:center;padding:36px 24px}.my-profile-avatar{width:82px;height:82px;margin:0 auto 18px;border-radius:24px;background:#fff0df;color:#c85623;display:grid;place-items:center;font:800 25px Manrope}.my-profile-card h2{font:800 20px Manrope;margin:0}.my-profile-card p{font-size:12px;color:var(--muted);margin:7px 0 18px}.my-details-card header,.my-password-card header{padding:22px 25px;border-bottom:1px solid var(--line)}.my-details-card h2,.my-password-card h2{font:800 18px Manrope;margin:0}.my-details-card header p,.my-password-card header p{font-size:11px;color:var(--muted);margin:5px 0 0}.my-details-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:10px 25px 25px;gap:0 28px}.my-details-card dl>div{padding:18px 0;border-bottom:1px solid #edf0ee}.my-details-card dt{font-size:10px;color:#899492;text-transform:uppercase;letter-spacing:.6px;margin-bottom:7px}.my-details-card dd{margin:0;font-size:14px;font-weight:600;color:#34423f}.my-password-card{grid-column:2}.my-password-card form{padding:22px 25px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.my-password-card label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#596662}.my-password-card label:first-child{grid-column:1/-1}.my-password-card input{height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;font:inherit;outline:none}.my-password-card input:focus{border-color:#d97845;box-shadow:0 0 0 3px #f7d8c6}.my-password-card .form-error,.my-password-card .form-success,.my-password-card .primary-action{grid-column:1/-1}.my-password-card .primary-action{justify-self:start}@media(max-width:760px){.profile-menu{right:-8px}.my-page-grid{grid-template-columns:1fr}.my-details-card dl{grid-template-columns:1fr}.my-password-card{grid-column:auto}.my-password-card form{grid-template-columns:1fr}.my-password-card label:first-child{grid-column:auto}}
.mail-row{width:100%;border-width:0 0 1px;background:white;text-align:left;cursor:pointer}.mail-row:hover{background:#fff8f3}.mail-row .mail-summary{width:auto;height:auto;border-radius:0;background:transparent;color:inherit;display:block;font-size:inherit;font-weight:inherit;min-width:0}.mail-summary b,.mail-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-detail-modal{width:min(820px,100%)!important}.mail-detail-modal header h2{margin-top:8px}.mail-detail-body{padding:22px 26px}.mail-detail-body dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px}.mail-detail-body dl>div{background:#faf7f4;border:1px solid #f0e3db;border-radius:8px;padding:12px}.mail-detail-body dt{font-size:10px;color:#8b7770;text-transform:uppercase;margin-bottom:5px}.mail-detail-body dd{margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.mail-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:14px;color:#394541;border-top:1px solid var(--line);padding-top:22px;max-height:48vh;overflow:auto}.mail-detail-body aside{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;display:flex;flex-direction:column;gap:8px}.mail-detail-body aside span{font-size:12px}.mail-detail-body aside small{color:var(--muted);margin-left:5px}.mail-detail-loading{min-height:240px;display:grid;place-items:center;margin:24px}.mail-detail-modal>footer a{display:flex;align-items:center;text-decoration:none}@media(max-width:760px){.mail-detail-body dl{grid-template-columns:1fr}.mail-detail-modal{max-height:96vh}.mail-content{max-height:42vh}}
.brand-logo{width:32px;height:32px;object-fit:contain;flex:0 0 auto}.company-mark{overflow:hidden}.company-mark img{width:100%;height:100%;object-fit:contain;padding:4px}
@media(max-width:760px){.shell,.workspace,.topbar{max-width:100vw}.workspace{min-width:0}.topbar{gap:0}.mobile-menu{flex:0 0 auto}.top-search{min-width:0}.top-search input{width:0;min-width:0}.top-actions{flex:0 0 auto;gap:8px}.top-actions .language{display:block;min-width:52px;height:40px;padding:0 8px;border:1px solid var(--line);border-radius:10px;background:#fff;position:relative;z-index:2;touch-action:manipulation}.profile{gap:0;padding-left:8px}.profile-button{padding-right:0}.profile-button>span:nth-child(2),.profile-button .profile-chevron{display:none}}
@media(max-width:760px){.modal-backdrop{padding:0}.detail-modal,.mail-detail-modal{width:100%!important;height:100vh;height:100dvh;max-height:none!important;border-radius:0;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain}.detail-modal>header,.mail-detail-modal>header{flex:0 0 auto;padding:calc(18px + env(safe-area-inset-top)) 18px 16px;background:white;position:relative;z-index:2}.detail-modal>header>div,.mail-detail-modal>header>div{min-width:0}.detail-modal>header h2,.mail-detail-modal>header h2{font-size:20px;overflow-wrap:anywhere}.detail-body,.mail-detail-body,.mail-detail-loading{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 18px}.detail-body dl,.mail-detail-body dl{grid-template-columns:1fr!important;gap:12px!important}.mail-content{max-height:none;overflow:visible}.detail-modal>footer,.mail-detail-modal>footer{flex:0 0 auto;position:relative;z-index:2;background:white;padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;gap:8px}.detail-modal>footer>button,.mail-detail-modal>footer>button,.mail-detail-modal>footer>a{flex:1;min-width:0;justify-content:center;text-align:center}.detail-status{align-items:flex-start;gap:12px}.detail-status time{text-align:right}}
.mail-translation-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:-4px 0 12px}.mail-translation-toolbar button{min-height:32px;padding:0 13px;border:1px solid #d8e4df;border-radius:8px;background:#f3f8f5;color:#31594a;font-size:11px;font-weight:800;cursor:pointer}.mail-translation-toolbar button:hover:not(:disabled){border-color:#80aa99;background:#e8f3ee}.mail-translation-toolbar button:disabled{cursor:wait;opacity:.65}.mail-translation-toolbar small{margin-right:auto;color:#a34d43;font-size:10px}@media(max-width:760px){.mail-translation-toolbar{position:sticky;top:0;background:white;z-index:1;padding:4px 0 8px;margin:-4px 0 8px}}
.formatted-mail-frame{display:block;width:100%;height:48vh;min-height:420px;border:0;border-top:1px solid var(--line);background:#fff}@media(max-width:760px){.formatted-mail-frame{height:100%;min-height:520px;flex:1 1 auto}}
.calendar-weekdays span:first-child,.calendar-days button.sunday,.week .sunday{color:#d34c4c}.calendar-weekdays span:last-child,.calendar-days button.saturday,.week .saturday{color:#3978c4}.calendar-days button.selected,.week button.selected{color:#fff}.calendar-days button.outside.sunday{color:#dfa2a2}.calendar-days button.outside.saturday{color:#9db9db}
.calendar-days button.company-holiday{background:#fff0f0;color:#b63f3f;box-shadow:inset 0 0 0 1px #e9aaaa}.calendar-days button.company-holiday::after{content:"HOL";position:absolute;left:5px;bottom:4px;color:#b63f3f;font-size:7px;font-weight:800}.calendar-days button.company-event{background:rgba(73,145,103,.15);color:#2f745a;box-shadow:inset 0 0 0 1px #b9d8c4}.calendar-days button.company-event::after{content:"•";position:absolute;left:6px;bottom:2px;color:#3d8068;font-size:16px;line-height:1}.calendar-days button.selected.company-holiday,.calendar-days button.selected.company-event{background:var(--sage-dark);color:#fff;box-shadow:none}.calendar-days button.selected.company-holiday::after,.calendar-days button.selected.company-event::after{color:#fff}
.mail-attachments figure{margin:0;padding:10px;border:1px solid #e1e8e4;border-radius:9px;background:#fafcfb}.mail-attachments figure img{display:block;max-width:100%;max-height:320px;margin:0 auto 8px;object-fit:contain}.mail-attachments figcaption{font-size:11px;color:#4d5e58}.mail-attachments figcaption small{color:var(--muted);margin-left:5px}
.my-preferences-card{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px #a95b2a18}.my-preferences-card header{padding:22px 25px;border-bottom:1px solid var(--line)}.my-preferences-card h2{font:800 18px Manrope;margin:0}.my-preferences-card header p{font-size:11px;color:var(--muted);margin:5px 0 0;line-height:1.5}.my-preferences-card form{padding:22px 25px;display:grid;gap:14px}.my-preferences-card label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#596662}.my-preferences-card select{height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:white;font:inherit;outline:none}.my-preferences-card select:focus{border-color:#d97845;box-shadow:0 0 0 3px #f7d8c6}.my-preferences-card .primary-action{justify-self:start}
.my-google-card{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px #a95b2a18}.my-google-card header{padding:22px 25px;border-bottom:1px solid var(--line)}.my-google-card h2{font:800 18px Manrope;margin:0}.my-google-card header p{font-size:11px;color:var(--muted);margin:5px 0 0;line-height:1.5}.my-google-body{padding:22px 25px;display:grid;gap:18px}.my-google-body>div{display:flex;align-items:center;gap:10px}.my-google-body p,.my-google-body b,.my-google-body small{display:block;margin:0}.my-google-body b{font-size:13px}.my-google-body small{font-size:11px;color:var(--muted);margin-top:3px}.google-connection-dot{width:10px;height:10px;border-radius:50%;background:#b7bdbb}.google-connection-dot.connected{background:#36a269}.my-google-body .primary-action{justify-self:start;display:flex;align-items:center;text-decoration:none}.my-google-body button.primary-action:disabled{opacity:.55}.my-google-actions{display:flex;align-items:center;gap:9px}.google-disconnect-action{height:38px;border:1px solid #e2aaa3;border-radius:7px;background:white;color:#b54d42;padding:0 14px;font-size:11px;font-weight:700;cursor:pointer}.google-disconnect-action:hover{background:#fff2f0}.google-disconnect-action:disabled{cursor:wait;opacity:.55}.google-disconnect-confirm{display:grid!important;gap:14px!important;padding:16px;border:1px solid #efcbc6;border-radius:9px;background:#fff8f7}.google-disconnect-confirm p{line-height:1.45}.google-disconnect-confirm>div{display:flex;gap:8px}.google-disconnect-confirm button{height:34px;border:1px solid #d9e0dd;border-radius:7px;background:white;padding:0 12px;font-size:11px;font-weight:700;cursor:pointer}.google-disconnect-confirm .confirm-disconnect{border-color:#b85247;background:#b85247;color:white}.google-disconnect-confirm button:disabled{cursor:wait;opacity:.6}@media(max-width:760px){.my-google-body .primary-action{width:100%;min-height:44px;justify-content:center;text-align:center}.my-google-actions{align-items:stretch;flex-direction:column}.google-disconnect-action{width:100%;min-height:44px}}
.google-panel .mail-row{background:#fff}.google-panel .mail-row .mail-summary b,.google-panel .mail-row .mail-summary small,.google-panel .mail-row time{font-weight:400}.google-panel .mail-row.unread{background:#fff1e7}.google-panel .mail-row.unread .mail-summary b,.google-panel .mail-row.unread .mail-summary small,.google-panel .mail-row.unread time{font-weight:700;color:#394541}.google-panel .mail-row:not(.unread):hover{background:#fffaf7}.google-panel .mail-row.unread:hover{background:#ffeadc}
.calendar-description{font-size:13px;line-height:1.65;color:#45514e;overflow-wrap:anywhere;white-space:normal}.calendar-description p,.calendar-description div{margin:8px 0}.calendar-description ul,.calendar-description ol{margin:8px 0;padding-left:22px}.calendar-description li{margin:4px 0}.calendar-description a{color:#c85827;text-decoration:underline}.calendar-description>:first-child{margin-top:0}.calendar-description>:last-child{margin-bottom:0}
.icon-button{width:32px;height:32px;padding:6px;display:grid;place-items:center;cursor:pointer}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mail-row{grid-template-columns:32px 1fr 58px!important}.mail-row time{white-space:nowrap;min-width:58px}.mail-row.unread{background:#fff8f2}.mail-row.unread b,.mail-row.unread small,.mail-row.unread time{font-weight:800;color:#3f4946}.calendar-row{width:100%;border-width:0 0 1px;background:white;text-align:left;cursor:pointer}.calendar-row:hover{background:#fff8f3}.calendar-detail-modal{width:min(680px,100%)}.calendar-detail-modal .detail-body dl{grid-template-columns:1fr}.calendar-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65;color:#45514e;margin:10px 0 0}.calendar-detail-modal .detail-body a{color:#c85827;font-size:13px;font-weight:700}.calendar-detail-modal>footer a{display:flex;align-items:center;text-decoration:none}
.google-panel .mail-row{height:58px;padding:0 17px;grid-template-columns:32px 1fr 7px 50px;gap:9px}.google-panel .mail-row>span{width:32px;height:32px;border-radius:9px;font-size:10px}.google-panel .mail-row small{margin-top:2px}.mail-load-more{padding:9px 17px;display:flex;justify-content:center;border-top:1px solid #f7eee9}.mail-load-more button{min-width:132px;height:32px;border:1px solid #e8cbbb;border-radius:8px;background:#fff8f3;color:#c85827;font-size:11px;font-weight:700;cursor:pointer}.mail-load-more button:hover{background:#ffefe5}.mail-load-more button:disabled{cursor:wait;opacity:.65}

/* Slight global readability lift, kept in sync with the hosted preview. */
.main-nav a{font-size:16px}.sidebar-help strong{font-size:14px}.sidebar-help small{font-size:12px}.top-search input{font-size:15px}.profile strong{font-size:14px}.profile small{font-size:12px}.page-heading h1{font-size:34px}.eyebrow{font-size:12px!important}.page-heading p{font-size:17px}.primary-action{font-size:15px}.metric span{font-size:12px}.metric strong{font-size:29px}.metric small{font-size:13px}.panel-head h2{font-size:19px}.panel-head p{font-size:13px}.panel-head>a{font-size:14px}.approval-main strong{font-size:16px}.approval-main small{font-size:13px}.approval-row time,.step{font-size:12px}.amount{font-size:13px}.row-actions button{font-size:12px}.time{font-size:13px}.event b{font-size:15px}.event span,.event small{font-size:13px}.activity b{font-size:14px}.activity small,.activity time{font-size:12px}.tabs button{font-size:14px}.record-panel th{font-size:13px}.record-panel td{font-size:15px}.record-panel td b{font-size:16px}.record-panel td small{font-size:13px}.kind,.status{font-size:12px}.form-grid label{font-size:14px}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}.modal h2{font-size:22px}.modal header p{font-size:14px}.modal>footer button{font-size:15px}.detail-body dt{font-size:13px}.detail-body dd{font-size:18px}
@media(max-width:760px){.main-nav a{font-size:15px}.page-heading h1{font-size:29px}.page-heading p{font-size:15px}.record-panel td{font-size:14px}}
.sales-filters{display:grid;grid-template-columns:1fr 180px 180px auto;gap:12px;align-items:end;background:white;border:1px solid var(--line);border-radius:10px;padding:15px}.sales-filters b,.sales-filters span{display:block}.sales-filters span{font-size:12px;color:var(--muted);margin-top:4px}.sales-filters label{font-size:12px;font-weight:700}.sales-filters input{display:block;width:100%;height:40px;border:1px solid var(--line);border-radius:7px;margin-top:5px;padding:0 10px}.sales-filters button{height:40px;border:0;border-radius:7px;background:#e8712f;color:white;padding:0 16px}.sales-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:15px 0}.sales-kpis article{background:white;border:1px solid var(--line);border-top:3px solid #f08a42;border-radius:10px;padding:18px}.sales-kpis small,.sales-kpis b,.sales-kpis span{display:block}.sales-kpis small{font-size:12px;color:var(--muted);text-transform:uppercase}.sales-kpis b{font-size:25px;margin:5px 0}.sales-kpis span{font-size:11px;color:var(--muted)}.sales-tabs{display:flex;border-bottom:1px solid var(--line)}.sales-tabs button{border:0;background:none;padding:13px 16px;font-size:14px}.sales-tabs button.active{color:#c85c22;border-bottom:3px solid #ef7a35}.sales-table{background:white;border:1px solid var(--line);border-radius:10px;margin-top:14px;overflow:auto}.sales-table table{width:100%;border-collapse:collapse;min-width:1100px}.sales-table th,.sales-table td{padding:15px;text-align:left;border-bottom:1px solid #edf0ee;font-size:13px}.sales-table th{font-size:11px;text-transform:uppercase;background:#fafbfa;color:var(--muted)}.sales-table tr{cursor:pointer}.sales-table tr:hover{background:#fff7f1}.sales-table td b,.sales-table td small{display:block}.sales-table td small{font-size:11px;color:var(--muted);margin-top:4px}.sales-stage{display:inline-block;background:#fff0e4;color:#b95720;border-radius:20px;padding:6px 9px;font-size:11px}.sales-groups-dev{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.sales-groups-dev article{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.sales-groups-dev header{display:flex;justify-content:space-between;padding:16px;background:#fafbfa}.sales-groups-dev header b,.sales-groups-dev header span{display:block}.sales-groups-dev header span{font-size:11px;color:var(--muted)}.sales-groups-dev article>button{width:100%;border:0;border-top:1px solid #edf0ee;background:white;display:grid;grid-template-columns:100px 1fr auto;text-align:left;padding:14px 16px}.sales-groups-dev button b,.sales-groups-dev button span{display:block}.sales-groups-dev button span{font-size:11px;color:var(--muted);margin-top:4px}.sales-groups-dev em{font-style:normal;color:#b95720}.sales-map-dev{display:grid;grid-template-columns:1fr 360px;background:white;border:1px solid var(--line);border-radius:10px;margin-top:14px;min-height:430px}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef5ed,#dae9dc)}.map-placeholder span{font-size:12px;color:var(--muted);margin-top:6px}.sales-map-dev>div:last-child button{width:100%;border:0;border-bottom:1px solid var(--line);background:white;text-align:left;padding:14px}.sales-map-dev button b,.sales-map-dev button small{display:block}.sales-detail-dev{width:min(780px,100%)}.sales-update{display:flex;gap:8px;margin-top:18px}.sales-update textarea{flex:1;min-height:75px}.sales-update button{background:#e8712f;color:white;border:0;border-radius:7px;padding:0 14px}.sales-files{margin-top:14px;padding:14px;border:1px dashed #e2b18f;border-radius:8px}.sales-files span{display:block;font-size:11px;color:var(--muted);margin-top:6px}.sales-editor-dev{width:min(780px,100%)}@media(max-width:900px){.sales-filters,.sales-kpis{grid-template-columns:1fr 1fr}.sales-groups-dev,.sales-map-dev{grid-template-columns:1fr}}@media(max-width:600px){.sales-filters,.sales-kpis{grid-template-columns:1fr}.sales-tabs{overflow:auto}.sales-tabs button{white-space:nowrap}}

/* Calm sage visual system */
body{background:var(--bg);color:var(--ink)}
.sidebar{background:linear-gradient(180deg,var(--navy),#284139);box-shadow:5px 0 22px rgba(29,55,47,.16)}
.brand b{color:var(--mint);background:transparent}.brand-mark i{background-color:var(--mint)}
.nav-label{color:#9fbcb0}.main-nav a{color:#d8e5df}.main-nav a>span{color:#abc5ba}
.main-nav a:hover{background:rgba(255,255,255,.08)}.main-nav a.active{background:rgba(184,212,199,.18);box-shadow:inset 3px 0 var(--mint)}.main-nav a.active>span{color:#d2e6dc}
.main-nav em,.approval-badge{background:#9a625a}.sidebar-help{border-color:rgba(184,212,199,.28)}.sidebar-help small{color:#9fb8ae}
.topbar{background:rgba(255,255,255,.96);border-color:var(--line)}.top-search{background:#f7f9f6;border-color:var(--line)}
.top-search{position:relative}.global-search-results{position:absolute;top:calc(100% + 8px);left:0;width:min(620px,calc(100vw - 32px));max-height:min(610px,calc(100vh - 105px));overflow:auto;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 42px #233b3430;color:var(--ink);z-index:50}.global-search-results>header{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 10px;border-bottom:1px solid var(--line)}.global-search-results>header b{font-size:12px}.global-search-results>header small{font-size:10px;color:#84908c}.global-search-group{padding:10px 0 4px}.global-search-group>b{display:block;padding:0 7px 6px;color:#71817b;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.global-search-group button{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;border:0;border-radius:8px;padding:8px 7px;background:transparent;text-align:left;color:inherit;cursor:pointer}.global-search-group button:hover{background:color-mix(in srgb,var(--accent,#2e7465) 9%,white)}.global-search-group button>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#edf5f1;color:var(--primary,#2e7465);font-size:14px}.global-search-group strong,.global-search-group small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-group strong{font-size:12px}.global-search-group small{margin-top:3px;color:#84908c;font-size:10px}.global-search-group em{font-style:normal;color:#9aa6a1;font-size:19px}.global-search-empty{margin:14px 7px;color:#84908c;font-size:12px;text-align:center}
.avatar{background:var(--sage-soft);color:var(--sage-dark)}
.primary-action,.row-actions .approve,.modal>footer .primary-action,.sales-filters button,.sales-update button,.google-connect-panel{background:var(--sage-dark);border-color:var(--sage-dark);box-shadow:0 4px 12px rgba(82,119,102,.2);color:white}
.metric,.panel,.record-panel,.org-chart,.module-toolbar,.modal,.google-panel,.google-hero,.sales-table,.sales-kpis article,.sales-groups-dev article,.sales-map-dev{border-color:var(--line);box-shadow:0 3px 12px rgba(38,51,47,.07)}
.panel-head>a,.record-link:hover b,.google-panel a,.calendar-detail-modal .detail-body a,.forgot-password,.back-to-login,.sales-groups-dev em{color:var(--sage-dark)}.google-panel a.google-connect-panel{color:white;display:inline-flex;align-items:center;justify-content:center}
.tabs button.active,.sales-tabs button.active{color:var(--sage-deep);border-color:var(--sage)}
.login-switch button.active{color:var(--sage-deep)}
.tabs b,.kind,.detail-type,.sales-stage,.google-panel header span{background:var(--sage-soft);color:var(--sage-dark)}
.table-actions .approve{background:var(--sage-soft);color:var(--sage-deep)}
.login-head>span,.org-avatar,.google-mark,.google-mark.gcal,.quick-links>a>span,.mail-row>span{background:var(--sage-soft);color:var(--sage-dark)}
.login-card input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.company-email-input:focus-within,.my-password-card input:focus,.my-preferences-card select:focus{border-color:var(--sage);box-shadow:0 0 0 3px rgba(111,155,137,.18)}
.google-hero{background:linear-gradient(135deg,#fff,#f3f7f4)}.google-hero>div:nth-child(2)>span,.google-hero>a{color:var(--sage-dark)}.google-hero>a{border-color:#cddbd4}
.mail-row,.calendar-row,.quick-links>a{border-color:#e7ece9}.mail-row:hover,.calendar-row:hover,.profile-menu>button:hover,.sales-table tr:hover{background:#f1f6f3}
.mail-row>i,.calendar-row>i,.calendar-row>i.gold,.calendar-row>i.coral{background:var(--sage)}.week .today{background:var(--sage-dark)}
.org-canvas{background-color:#f7f9f6;background-image:radial-gradient(circle,#d8e2dd 1px,transparent 1px)}.org-root{background:linear-gradient(135deg,var(--sage-dark),var(--sage-deep))}.company-mark{background:#789f8f}.org-root em{color:#dcebe4}.org-node:hover{border-color:#8fb3a3;box-shadow:0 8px 18px rgba(54,86,76,.15)}
.org-trunk,.org-departments:before,.org-branch:before,.branch-line,.org-teams:before,.org-teams .org-node:before{background:#a9beb5}.funnel i{background:linear-gradient(90deg,var(--sage-dark),#9dc4b3)}
.editable-org-root{border:0;text-align:left;cursor:pointer}.editable-org-root:hover{filter:brightness(1.04)}
.sales-kpis article{border-top-color:var(--sage)}.sales-stage{color:var(--sage-deep)}.sales-files{border-color:#abc4b8}

/* Sales activities and opportunity pipeline */
.sales-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:20px 23px;border-radius:13px;background:linear-gradient(115deg,#36564c,#527766);color:white;box-shadow:0 9px 24px rgba(54,86,76,.18)}
.sales-hero>div{display:flex;align-items:center;gap:14px}.sales-hero b,.sales-hero small{display:block}.sales-hero b{font:700 16px Manrope}.sales-hero small{margin-top:5px;color:#d8e7e1;font-size:11px}.sales-hero>strong{font:800 22px Manrope;text-align:right}.sales-hero>strong small{font:500 9px DM Sans;letter-spacing:.7px;text-transform:uppercase}.hero-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ffffff1c;font-size:20px}
.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:15px}.activity-grid>article{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 3px 12px rgba(38,51,47,.06);cursor:pointer;transition:.18s ease}.activity-grid>article:hover{transform:translateY(-2px);border-color:#aac1b7;box-shadow:0 8px 22px rgba(38,51,47,.1)}.activity-grid header{display:flex;align-items:center;gap:11px}.activity-grid header>div{min-width:0;flex:1}.activity-grid header b,.activity-grid header small{display:block}.activity-grid header b{font:700 14px Manrope;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-grid header small{font-size:10px;color:var(--muted);margin-top:4px}.activity-kind{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:var(--sage-soft);color:var(--sage-deep);font-size:17px}.activity-grid header em{font-style:normal;font-size:9px}.activity-grid>article>p{height:39px;overflow:hidden;margin:15px 0;color:#66736f;font-size:11px;line-height:1.7}.activity-product{padding:11px 12px;background:#f5f8f6;border-radius:8px}.activity-product span,.activity-product b{display:block}.activity-product span{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#87938f}.activity-product b{font-size:11px;margin-top:4px}.activity-grid footer{display:grid;grid-template-columns:1fr auto auto;gap:14px;margin-top:14px;color:#84908c;font-size:9px}.status.completed{background:#e5f3ed;color:#2d7b61}.status.cancelled{background:#fde9e6;color:#b44e42}.activity-notes{white-space:pre-wrap;line-height:1.7}.sales-empty{min-height:270px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);background:white;border:1px solid var(--line);border-radius:12px;margin-top:15px}.sales-empty>span{font-size:28px;color:var(--sage)}.sales-empty p{font-size:11px;margin:0}
.pipeline-board{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px;margin-top:15px;overflow-x:auto;padding-bottom:8px}.pipeline-column{min-height:470px;background:#edf1ee;border:1px solid #e0e7e3;border-radius:12px;padding:11px}.pipeline-column>header{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;padding:5px 4px 12px}.pipeline-column>header b{font:700 12px Manrope}.pipeline-column>header em{font-style:normal;background:white;border-radius:20px;padding:3px 7px;font-size:9px}.pipeline-column>header small{grid-column:2/4;color:var(--muted);font-size:9px}.stage-dot{width:8px;height:8px;border-radius:50%;background:#829b91}.stage-dot.negotiation{background:#c49a54}.stage-dot.final{background:#81789d}.stage-dot.po{background:#6688a5}.stage-dot.complete{background:#5f927c}.pipeline-column>div{display:flex;flex-direction:column;gap:9px}.pipeline-column button{width:100%;border:1px solid #dfe5e1;border-radius:10px;background:white;padding:13px;text-align:left;box-shadow:0 2px 7px rgba(38,51,47,.05);cursor:pointer}.pipeline-column button:hover{border-color:#9db8ac;box-shadow:0 6px 15px rgba(38,51,47,.09)}.pipeline-column button>span,.pipeline-column button>b,.pipeline-column button>small,.pipeline-column button>i{display:block}.pipeline-column button>span{font-size:8px;color:#8b9692}.pipeline-column button>b{font:700 12px Manrope;margin-top:5px}.pipeline-column button>small{font-size:10px;color:#65716e;margin-top:5px}.pipeline-column button>i{font-style:normal;font-size:9px;color:#7d8985;margin-top:12px}.pipeline-column button footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0ee;margin-top:11px;padding-top:10px}.pipeline-column button footer strong{font-size:10px}.pipeline-column button footer em{font-style:normal;font-size:9px;color:var(--sage-dark);background:var(--sage-soft);padding:3px 6px;border-radius:20px}
@media(max-width:900px){.activity-grid{grid-template-columns:1fr}.pipeline-board{grid-template-columns:repeat(5,230px)}}
@media(max-width:600px){.sales-hero{align-items:flex-start;gap:12px}.sales-hero>strong{display:none}.activity-grid footer{grid-template-columns:1fr auto}.activity-grid footer span:last-child{display:none}}
.activity-map-panel{display:grid;grid-template-columns:minmax(0,1fr) 290px;margin-top:15px;overflow:hidden;background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 12px rgba(38,51,47,.07)}.activity-map-panel>header{grid-column:1/-1;height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.activity-map-panel>header>div{display:flex;align-items:center;gap:10px}.activity-map-panel>header>div>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:var(--sage-soft);color:var(--sage-deep);font-size:17px}.activity-map-panel header b,.activity-map-panel header small{display:block}.activity-map-panel header b{font:700 13px Manrope}.activity-map-panel header small{font-size:9px;color:var(--muted);margin-top:4px}.activity-map-panel nav{display:flex;padding:3px;background:#f1f4f2;border-radius:8px}.activity-map-panel nav button{border:0;background:transparent;border-radius:6px;padding:7px 12px;color:#6f7d77;font-size:10px;cursor:pointer}.activity-map-panel nav button.active{background:white;color:var(--sage-deep);font-weight:700;box-shadow:0 1px 4px rgba(38,51,47,.1)}.activity-map-canvas{height:410px;min-width:0}.activity-map-panel>aside{height:410px;overflow:auto;border-left:1px solid var(--line)}.activity-map-panel>aside>button,.activity-map-panel>aside>.activity-map-row{width:100%;display:flex;gap:10px;border:0;border-bottom:1px solid #edf0ee;background:white;padding:14px;text-align:left;cursor:pointer;color:inherit;font:inherit}.activity-map-panel>aside>button:hover,.activity-map-panel>aside>.activity-map-row:hover{background:#f3f7f4}.activity-map-panel aside em{flex:0 0 25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--sage-dark);color:white;font-style:normal;font-size:9px}.activity-map-panel aside b,.activity-map-panel aside span,.activity-map-panel aside small{display:block}.activity-map-panel aside b{font-size:11px}.activity-map-panel aside span{font-size:10px;color:#63716c;margin-top:3px}.activity-map-panel aside small{font-size:8px;color:#929d99;margin-top:5px}.activity-map-config{grid-column:1/-1;height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,#f8fbf8,#edf3ef)}.activity-map-config>span{font-size:29px;color:var(--sage)}.activity-map-config>b{font:700 14px Manrope;margin-top:10px}.activity-map-config>p{max-width:520px;margin:7px 20px 0;color:var(--muted);font-size:10px;line-height:1.7}.activity-map-config code{padding:2px 5px;border-radius:4px;background:white;color:var(--sage-deep)}.sales-map-error{height:100%;display:grid;place-items:center;color:#b44e42;font-size:11px}.ubone-map-info{display:flex;flex-direction:column;gap:4px;max-width:240px;padding:3px}.ubone-map-info b{font-size:13px}.ubone-map-info span{font-size:11px}.ubone-map-info small{color:#6f7d77;font-size:9px}
.activity-map-canvas{height:760px}.activity-map-panel>aside{height:760px}
.activity-task-open-title{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:#263b34;text-align:left;font:inherit;font-size:14px;line-height:1.35;font-weight:800;cursor:pointer}.task-content .customer-info-link{display:inline-flex!important;overflow:visible!important;max-width:100%;vertical-align:middle}.task-content>.schedule-task-meta{overflow:visible!important}.schedule-task-meta>.customer-info-link{position:relative;z-index:2}.customer-info-link.activity-card-customer,.customer-info-link.schedule-task-customer,.customer-info-link.list-customer-name,.customer-info-link.map-activity-customer{overflow:visible!important}.customer-info-name{max-width:min(34vw,260px)}.customer-info-link:hover,.customer-info-link:focus-within{z-index:200!important}.customer-info-link:hover>.customer-info-action,.customer-info-link:focus-within>.customer-info-action{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.schedule-task-customer,.schedule-task-customer .customer-info-name{font-size:14px!important;font-weight:800!important;line-height:1.35}.activity-card-customer .customer-info-name,.list-customer-name .customer-info-name{font-size:13px!important;font-weight:800!important;line-height:1.35}.activity-card-customer .customer-info-name,.schedule-task-customer .customer-info-name,.map-activity-customer .customer-info-name{color:#34715d!important}.activity-map-panel aside .customer-info-link{display:inline-flex!important;max-width:100%;margin-top:0!important;overflow:visible!important}.activity-map-panel aside .customer-info-name{font-size:13px!important;font-weight:800!important}.activity-map-panel aside .customer-info-action{top:0;left:0}.activity-map-panel>aside>.activity-map-row>div{min-width:0}
.sales-activity-host .schedule-task-customer .customer-info-name,.sales-activity-host .activity-card-customer .customer-info-name,.sales-activity-host .map-activity-customer .customer-info-name{font-size:13px!important;font-weight:800!important;line-height:1.35;color:#34715d!important}
@media(max-width:900px){.activity-map-panel{grid-template-columns:1fr}.activity-map-canvas{height:620px}.activity-map-panel>aside{height:auto;max-height:220px;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:600px){.activity-map-panel>header{height:auto;align-items:flex-start;gap:12px;padding:14px;flex-direction:column}.activity-map-canvas{height:520px}}
.schedule-workspace{display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,1.35fr);gap:16px;margin-top:15px}.schedule-calendar,.schedule-agenda{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 16px rgba(38,51,47,.06);overflow:hidden}.schedule-calendar>header,.schedule-agenda>header{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.schedule-calendar>header>button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--sage-deep);font-size:22px;cursor:pointer}.schedule-calendar>header div{text-align:center}.schedule-calendar header b,.schedule-calendar header small,.schedule-agenda header b,.schedule-agenda header small{display:block}.schedule-calendar header b{font:700 15px Manrope}.schedule-calendar header small,.schedule-agenda header small{margin-top:4px;color:var(--muted);font-size:9px}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays{padding:11px 12px 6px;color:#8b9692;font-size:9px;text-align:center;text-transform:uppercase}.calendar-days{gap:4px;padding:5px 12px 14px}.calendar-days button{position:relative;aspect-ratio:1;border:0;border-radius:9px;background:transparent;color:#394641;cursor:pointer}.calendar-days button:hover{background:#f0f5f1}.calendar-days button.outside{color:#bdc5c1}.calendar-days button.today{box-shadow:inset 0 0 0 1px var(--sage)}.calendar-days button.selected{background:var(--sage-dark);color:#fff;box-shadow:none}.calendar-days button em{position:absolute;right:5px;bottom:4px;min-width:15px;height:15px;display:grid;place-items:center;border-radius:8px;background:#f08a42;color:#fff;font-size:8px;font-style:normal}.schedule-calendar>footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.schedule-calendar>footer button{border:0;background:var(--sage-soft);color:var(--sage-deep);border-radius:7px;padding:7px 11px;font-weight:700}.schedule-calendar>footer span{display:flex;align-items:center;gap:6px}.schedule-calendar>footer i{width:7px;height:7px;border-radius:50%;background:#f08a42}.schedule-agenda>header>div{display:flex;align-items:center;gap:11px}.schedule-agenda>header>div>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--sage-soft);color:var(--sage-deep);font:700 10px Manrope;text-transform:uppercase}.schedule-agenda header b{font:700 14px Manrope}.schedule-list{padding:7px 16px 16px}.schedule-list article{display:grid;grid-template-columns:30px 52px 1fr auto;gap:11px;align-items:center;padding:13px 5px;border-bottom:1px solid #edf0ee}.schedule-list article.done{opacity:.58}.schedule-list article.done .task-content b{text-decoration:line-through}.task-check{width:24px;height:24px;border:2px solid #b7c5bf;border-radius:7px;background:#fff;color:#fff;cursor:pointer}.done .task-check{border-color:var(--sage-deep);background:var(--sage-deep)}.schedule-list time{font:700 11px Manrope;color:#405049}.schedule-list time small{display:block;color:#929d99;font-size:8px;margin-top:3px}.task-content{border:0;background:none;text-align:left;cursor:pointer;min-width:0}.task-content b,.task-content span,.task-content small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-content b{font-size:11px}.task-content span{margin-top:3px;color:#6f7d77;font-size:9px}.task-content small{margin-top:5px;color:#929d99;font-size:8px}.schedule-list article>em{font-style:normal;font-size:8px}.schedule-empty{min-height:285px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.schedule-empty>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--sage-soft);color:var(--sage-deep);font-size:18px}.schedule-empty b{margin-top:10px;color:#3e4c47}.schedule-empty p{max-width:300px;margin:6px 16px 0;font-size:9px;line-height:1.6}.activity-location-search>label{display:block}.activity-location-search>div{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:5px}.activity-location-search>div input{margin-top:0}.activity-location-search>div button{border:0;border-radius:7px;background:var(--sage-dark);color:#fff;padding:0 14px;font-weight:700}.activity-location-search>div button:disabled{opacity:.5}.activity-location-search>small{display:block;margin-top:6px;color:var(--muted);font-size:9px}.activity-location-search>small a{color:var(--sage-deep);font-weight:700}
@media(max-width:950px){.schedule-workspace{grid-template-columns:1fr}.schedule-agenda{min-height:360px}}
@media(max-width:600px){.schedule-workspace{grid-template-columns:minmax(0,1fr)}.schedule-list article{grid-template-columns:28px 46px 1fr}.schedule-list article>em{display:none}.schedule-agenda>header{align-items:flex-start;gap:10px;flex-direction:column}.activity-location-search>div{grid-template-columns:1fr}.activity-location-search>div button{height:38px}}
.audit-log-button{display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;color:#4c6259;border-radius:50%;padding:0;cursor:pointer}.audit-log-button::before{content:"";display:block;width:23px;height:23px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.2 5H4.5v10h3v3l3.8-3H15'/%3E%3Ccircle cx='17' cy='8' r='4.5'/%3E%3Cpath d='M17 5.6v2.6l1.8 1.2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.2 5H4.5v10h3v3l3.8-3H15'/%3E%3Ccircle cx='17' cy='8' r='4.5'/%3E%3Cpath d='M17 5.6v2.6l1.8 1.2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}.audit-log-button>span[aria-hidden=true]{display:none}.audit-log-button:hover{background:#edf5f1;color:var(--forest)}.audit-log-button:focus-visible{outline:3px solid color-mix(in srgb,var(--mint) 35%,transparent);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.audit-dialog{width:min(900px,calc(100vw - 28px));max-height:min(820px,calc(100vh - 40px));display:flex;flex-direction:column}.audit-toolbar{padding:12px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.audit-toolbar select,.audit-toolbar input{height:34px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 9px;color:var(--text);font-size:.78rem}.audit-toolbar input:not([type=date]){min-width:160px}.audit-list{overflow:auto;padding:6px 20px 20px}.audit-item{padding:16px 0;border-bottom:1px solid var(--line)}.audit-item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.audit-item-head time{color:var(--muted);font-size:.78rem}.audit-action{display:inline-flex;padding:3px 8px;border-radius:999px;background:var(--soft);color:var(--forest);font-size:.72rem;font-weight:800;text-transform:uppercase}.audit-action.delete,.audit-action.reject,.audit-action.loginfailure{background:#fff0ed;color:#a64132}.audit-action.loginsuccess,.audit-action.sessionrestore{background:#e7f5ed;color:#287550}.audit-item>strong{display:block;color:var(--text)}.audit-item>p{margin:5px 0;color:var(--muted);font-size:.84rem}.audit-item details{margin-top:8px}.audit-item summary{cursor:pointer;color:var(--forest);font-size:.8rem;font-weight:700}.audit-item pre{white-space:pre-wrap;word-break:break-word;background:var(--soft);border-radius:8px;padding:10px;font-size:.75rem;max-height:220px;overflow:auto}.audit-empty{text-align:center;color:var(--muted);padding:48px 12px}@media(max-width:760px){.audit-toolbar>*{flex:1 1 140px}.audit-toolbar button{height:34px}}
@media(max-width:720px){.audit-log-button span{display:none}.audit-log-button{width:38px;height:40px;padding:0;color:#36564c}.audit-log-button::before{width:24px;height:24px}.audit-dialog{max-height:calc(100vh - 16px)}.audit-list{padding-inline:14px}}

/* Keep every mobile page on the same horizontal grid as the top bar. Wide data
   views retain their own internal scrolling instead of widening the document. */
@media(max-width:760px){
html,body{max-width:100%;overflow-x:clip}
.shell,.workspace{width:100%;min-width:0;max-width:100%}
.content{width:100%;min-width:0;max-width:100vw;overflow-x:clip;padding-left:16px;padding-right:16px}
.content>*{min-width:0;max-width:100%}
.page-heading{width:100%;min-width:0;max-width:100%;flex-wrap:wrap}
.page-heading>div,.module-toolbar{min-width:0;max-width:100%}
.record-panel,.product-list,.quotation-list,.pipeline-board,.org-chart{max-width:100%}
}
.view-mode-toolbar{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(38,51,47,.06)}
.view-mode-copy{min-width:0}.view-mode-copy b,.view-mode-copy small{display:block}.view-mode-copy b{color:#344a41;font-size:13px}.view-mode-copy small{margin-top:3px;color:#84908b;font-size:10px}
.view-mode-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:10px}.view-mode-actions .asset-search{min-width:260px;height:42px;box-sizing:border-box}
.view-mode-switch{flex:0 0 auto;display:flex;gap:3px;padding:3px;border:0;border-radius:9px;background:#f0f3f1}.view-mode-switch button{height:36px;display:flex;align-items:center;gap:6px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:#6f7d77;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.view-mode-switch button:hover{color:#365f50}.view-mode-switch button.active{background:#fff;color:#365f50;box-shadow:0 1px 5px rgba(38,51,47,.12)}.view-mode-switch button>span{font-size:15px}
@media(max-width:760px){.view-mode-toolbar{align-items:stretch;flex-direction:column;padding:12px}.view-mode-copy small{display:none}.view-mode-actions{width:100%}.view-mode-actions .asset-search{min-width:0;flex:1 1 auto}.view-mode-switch{max-width:100%;overflow-x:auto}.view-mode-switch button{padding:0 10px}}
/* Commercial pages must never widen the document on narrow devices.  Grid and
   flex children otherwise retain their intrinsic width and get clipped by the
   mobile shell. */
@media(max-width:760px){.asset-page,.asset-page>*{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.asset-page{overflow-x:clip}.asset-page .asset-metrics{grid-template-columns:minmax(0,1fr)}.asset-page .asset-metrics article,.asset-page .page-heading>div,.asset-page .customer-heading-actions,.asset-page .view-mode-actions,.asset-page .customer-card-list,.asset-page .customer-mobile-card{min-width:0;max-width:100%;box-sizing:border-box}.asset-page .customer-heading-actions .primary-action{min-width:0}.asset-page .view-mode-actions .asset-search{min-width:0;max-width:100%}}
@media(max-width:560px){.asset-page .view-mode-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.asset-page .view-mode-actions .asset-search,.asset-page .view-mode-switch{width:100%;max-width:100%}.asset-page .view-mode-switch{overflow:visible}.asset-page .view-mode-switch button{flex:1;justify-content:center}}
.list-customer-name{color:#34715d!important;font-size:13px!important;font-weight:800!important}
.attachment-link{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:2px!important;text-align:left!important;cursor:pointer}.attachment-link>b{grid-column:1!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-link>small{grid-column:1!important;color:#7a8782}

/* The default action-control size. Component-specific compact icon buttons,
   toggles, embedded controls and prominent workflow actions remain explicit. */
.primary-action{height:var(--action-control-height);min-height:var(--action-control-height);display:inline-flex;align-items:center;justify-content:center;gap:7px;padding-block:0;line-height:1;vertical-align:middle}
.modal>footer button:not(.icon-button){height:var(--action-control-height);min-height:var(--action-control-height);display:inline-flex;align-items:center;justify-content:center;padding-block:0}
.primary-action:focus-visible,.modal>footer button:focus-visible{outline:2px solid #65a98c;outline-offset:2px}
.job-title-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:5px;font-size:11px;font-weight:700;background:#edf1f0;color:#52615d}.job-title-badge.team-lead{background:#fbe8e7;color:#ad4f4a}.job-title-badge.director{background:#f4d4d1;color:#8f302c}

/* Employee profile editor */
.employee-split{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:610px;background:#fff;border:1px solid #dce5e1;border-radius:8px;overflow:hidden;box-shadow:0 3px 14px #1d383011}
.employee-split>aside{padding:10px;background:#f5f8f7;border-right:1px solid #dce5e1;overflow:auto}.employee-split>aside>button{width:100%;min-height:62px;display:flex;align-items:center;gap:10px;padding:10px;border:0;border-radius:6px;background:transparent;text-align:left;color:#31433f;cursor:pointer}.employee-split>aside>button:hover{background:#eaf1ee}.employee-split>aside>button.active{background:#fff;box-shadow:0 1px 5px #203b3414}.employee-split>aside>button>span{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#dcece6;color:#317563;font-size:11px;font-weight:800}.employee-split>aside>button.active>span{background:#2f7967;color:#fff}.employee-split>aside b,.employee-split>aside small{display:block;min-width:0}.employee-split>aside b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-split>aside small{margin-top:4px;color:#778681;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.employee-detail-panel{min-width:0;background:#fff}.employee-detail-empty{height:100%;display:grid;place-content:center;justify-items:center;gap:11px;color:#93a19d;font-size:24px}.employee-detail-empty b{font-size:13px;color:#667570}.employee-detail-panel>form{min-height:100%;display:flex;flex-direction:column}.employee-detail-panel>form>header{display:flex;align-items:center;gap:14px;padding:24px 28px 21px;border-bottom:1px solid #e3ebe7;background:linear-gradient(90deg,#fbfdfc,#f2f8f5)}.employee-detail-panel>form>header>div{min-width:0}.employee-detail-panel>form>header h2{margin:8px 0 4px;font:800 22px Manrope;color:#243632}.employee-detail-panel>form>header p{margin:0;color:#71807b;font-size:12px}.employee-detail-panel>form>header .primary-action{margin-left:auto;flex:0 0 auto}.employee-detail-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:26px 28px 30px;align-content:start}.employee-detail-form>label{display:block;color:#687873;font-size:11px;font-weight:750}.employee-detail-form input,.employee-detail-form select{box-sizing:border-box;width:100%;height:42px;margin-top:7px;padding:0 11px;border:1px solid #d7e1dd;border-radius:5px;background:#fff;color:#2d403a;font:500 13px inherit;outline:none}.employee-detail-form input:focus,.employee-detail-form select:focus{border-color:#4d9a83;box-shadow:0 0 0 3px #5eaf9520}.employee-detail-form input:disabled,.employee-detail-form select:disabled{background:#f8faf9;color:#52625d}.employee-detail-form>label.wide{grid-column:1/-1;position:relative;margin-top:8px;padding:18px 18px 16px 52px;border:1px solid #dce9e4;border-radius:7px;background:#f5faf7;color:#3a514a}.employee-detail-form>label.wide:before{content:"⌖";position:absolute;left:17px;top:19px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#dceee7;color:#2d7a65;font-size:14px}.employee-detail-form>label.wide input{margin-top:8px;border-color:#cbdcd5;background:#fff}.employee-detail-form>label.wide input:not(:placeholder-shown){font-weight:600}.employee-detail-form>label.wide:after{content:"Mileage default location";display:block;margin-top:8px;color:#82918c;font-size:10px;font-weight:500}
@media(max-width:760px){.employee-split{display:block;min-height:0;border-radius:7px}.employee-split>aside{display:flex;gap:7px;overflow:auto;border-right:0;border-bottom:1px solid #dce5e1}.employee-split>aside>button{flex:0 0 190px}.employee-detail-panel>form>header{padding:20px 18px;align-items:flex-start}.employee-detail-panel>form>header h2{font-size:19px}.employee-detail-panel>form>header .primary-action{padding-inline:12px}.employee-detail-form{grid-template-columns:1fr;padding:20px 18px;gap:15px}.employee-detail-form>label.wide{grid-column:auto}}
.employee-detail-form>label.wide:after{display:none}
.employee-list .job-title-badge{border:1px solid #d7e0dc}.employee-list .job-title-badge.team-lead{background:#fde3df!important;border-color:#efb7b0!important;color:#ac413a!important}.employee-list .job-title-badge.director{background:#c84a43!important;border-color:#ae3933!important;color:#fff!important}
.employee-view-toggle .sort-mode{min-width:44px;font-size:10px;font-weight:750;letter-spacing:0}.employee-view-toggle .sort-mode+button{margin-left:0}
.organization-members-modal{width:min(600px,100%)}.organization-members-body{min-height:260px;padding:20px 24px}.organization-members-list{display:grid;gap:7px}.organization-member-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:58px;padding:9px 11px;border:1px solid #e0e8e4;border-radius:6px;background:#fff}.organization-member-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e2f0ea;color:#2e7864;font-size:11px;font-weight:800}.organization-member-row b,.organization-member-row small{display:block;min-width:0}.organization-member-row b{color:#2b3b36;font-size:13px}.organization-member-row small{margin-top:4px;color:#7a8984;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.organization-member-row .job-title-badge{justify-self:end}.organization-members-empty,.organization-members-loading{height:220px;display:grid;place-content:center;justify-items:center;gap:10px;color:#84928d;font-size:12px}.organization-members-empty span{font-size:25px;color:#adc0b9}.organization-members-empty b{font-size:13px;color:#63736d}@media(max-width:760px){.organization-members-body{padding:18px}.organization-member-row{grid-template-columns:34px minmax(0,1fr);gap:9px}.organization-member-row .job-title-badge{grid-column:2;justify-self:start}.organization-member-avatar{width:34px;height:34px}}
.org-tree{width:1260px}.org-node{grid-template-columns:38px minmax(0,1fr)}.org-teams.single{max-width:265px}
.job-title-badge.ceo{background:#8d2426;color:#fff}.employee-list .job-title-badge.ceo{background:#8d2426!important;border-color:#711719!important;color:#fff!important}
.organization-members-modal{width:min(760px,calc(100vw - 32px));max-height:min(820px,calc(100vh - 32px));display:flex;flex-direction:column}.organization-members-modal>header{flex:0 0 auto}.organization-members-modal .organization-members-body{min-height:0;overflow:auto;padding:20px 28px 24px}.organization-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 18px}.organization-summary>div{min-width:0;padding:11px 12px;border:1px solid #ead9cf;border-radius:6px;background:#fff9f5}.organization-summary dt{margin-bottom:5px;color:#9b7e6c;font-size:9px;font-weight:750;text-transform:uppercase}.organization-summary dd{margin:0;overflow:hidden;color:#4a3930;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.history-section{margin:0 0 20px;padding:16px;border:1px solid #ecdcd2;border-radius:7px;background:#fffdfb}.history-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.history-section>header b{color:#513d32;font-size:13px}.history-list{display:grid;gap:6px}.history-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:5px;background:#fff4ec}.history-list b{min-width:0;color:#49362d;font-size:12px}.history-list b small{margin-left:5px;color:#9b715b;font-size:10px;font-weight:650}.history-list span{flex:0 0 auto;color:#7e7067;font-size:10px}.organization-members-body>.organization-members-list,.organization-members-body>.organization-members-empty,.organization-members-body>.organization-members-loading{border-top:1px solid #ede2dc;padding-top:16px}.organization-members-modal>footer .danger,.modal>footer .danger{border-color:#e7b2a8;color:#aa4137}.organization-members-modal>footer button:not(.primary-action){background:#fffaf7}@media(max-width:760px){.organization-members-modal{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.organization-members-modal .organization-members-body{padding:16px}.organization-summary{grid-template-columns:1fr}.history-list>div{display:grid;gap:4px}.history-list span{white-space:normal}.organization-members-modal>footer{flex-wrap:wrap}.organization-members-modal>footer button{flex:1 1 auto}}
.editor-history-section .history-list>div{display:grid;grid-template-columns:180px minmax(0,1fr) 28px}.editor-history-section .history-list>div>span{order:0}.editor-history-section .history-delete{justify-self:end}@media(max-width:760px){.editor-history-section .history-list>div{grid-template-columns:1fr 28px}.editor-history-section .history-list>div>span,.editor-history-section .history-list>div>b{grid-column:1}.editor-history-section .history-delete{grid-column:2;grid-row:1/3}}
.topbar{position:relative;z-index:30}.profile-menu-wrap{z-index:1}
.activity-schedule-fields .ub-time-input,.service-schedule-fields .ub-time-input{width:100%;min-width:0}.activity-schedule-fields .ub-time-input input,.service-schedule-fields .ub-time-input input{width:100%;box-sizing:border-box}
.company-calendar-task{border-radius:9px!important;margin:5px 0;padding:11px 9px!important}.company-calendar-task.event{background:rgba(73,145,103,.1);border-bottom-color:#c6ddcd}.company-calendar-task.holiday{background:rgba(208,88,77,.08);border-bottom-color:#f0cfca}.calendar-task-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#e0f0e5;color:#337759;font-size:8px;font-weight:800}.company-calendar-task.holiday .calendar-task-icon{background:#fbe5e2;color:#b84d44;font-size:7px}.company-calendar-task.event>em{color:#337759}.company-calendar-task.holiday>em{color:#b84d44}
.audit-change-list{display:grid;gap:7px;margin:10px 0 0}.audit-change-list>div{display:grid;grid-template-columns:minmax(120px,34%) minmax(0,1fr);gap:10px;align-items:start;padding:8px 10px;border-radius:7px;background:var(--soft)}.audit-change-list dt{color:var(--muted);font-size:.74rem;font-weight:800}.audit-change-list dd{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0;color:var(--text);font-size:.8rem;line-height:1.45;word-break:break-word}.audit-value-before{color:#8b605a;text-decoration:line-through}.audit-value-after{color:var(--forest);font-weight:700}.audit-change-list i{color:var(--muted);font-style:normal}.audit-detail-empty{margin:10px 0 0;color:var(--muted);font-size:.8rem}@media(max-width:600px){.audit-change-list>div{grid-template-columns:1fr;gap:3px}}
.schedule-calendar>footer .calendar-footer-actions{display:flex;align-items:center;gap:6px}.schedule-calendar>footer .calendar-footer-actions button{border:0;border-radius:7px;background:var(--sage-soft);color:var(--sage-deep);padding:7px 11px;font-weight:700;cursor:pointer}.schedule-calendar>footer .calendar-print-action{width:30px;padding:0!important;font-size:14px;line-height:28px}
@page{size:A4 portrait;margin:9mm}@media print{html,body{width:100%!important;height:auto!important;overflow:visible!important;background:#fff!important}body:has(.activity-month-print-backdrop) .content{padding:0!important;margin:0!important;background:#fff!important}body:has(.activity-month-print-backdrop) .content>:not(.activity-month-print-backdrop){display:none!important}.activity-month-print-backdrop,.activity-month-print-backdrop *{visibility:visible!important}.activity-month-print-backdrop{position:fixed!important;inset:0!important;display:block!important;padding:0!important;background:#fff!important}.activity-month-print-dialog{width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;border:0!important;border-radius:0!important;box-shadow:none!important}.activity-month-print-dialog>header{padding:0 0 8px!important}.activity-month-print-dialog>header button,.activity-month-print-dialog>footer{display:none!important}.activity-month-print-body{overflow:visible!important;padding:0!important;background:#fff!important}.activity-month-print-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.activity-month-print-grid section{border-color:#ccd8d2!important;border-radius:4px!important}.activity-month-print-grid h3{padding:5px 7px!important;font-size:9px!important}.activity-month-print-grid ul{padding:1px 7px!important}.activity-month-print-grid li{grid-template-columns:32px minmax(0,1fr)!important;padding:5px 0!important;gap:5px!important}.activity-month-print-grid b{font-size:8.5px!important}.activity-month-print-grid span,.activity-month-print-grid small,.activity-month-print-grid time{font-size:7px!important}.activity-month-print-empty{padding:30px 0!important}}

/* The print dialog is nested inside the activity page rather than being a
   direct child of .content. Keep its ancestor rendered, hide every other UI
   node, and expose only the printable subtree. */
@media print{
 body:has(.activity-month-print-backdrop) *{visibility:hidden!important}
 body:has(.activity-month-print-backdrop) .content>:has(.activity-month-print-backdrop){display:block!important;visibility:visible!important}
 body:has(.activity-month-print-backdrop) .activity-month-print-backdrop,
 body:has(.activity-month-print-backdrop) .activity-month-print-backdrop *{visibility:visible!important}
 body:has(.activity-month-print-backdrop) .sidebar,
 body:has(.activity-month-print-backdrop) .topbar,
 body:has(.activity-month-print-backdrop) .menu-scrim,
 body:has(.activity-month-print-backdrop) #blazor-error-ui{display:none!important}
 body:has(.activity-month-print-backdrop) .activity-month-print-backdrop{position:fixed!important;inset:0!important;z-index:2147483647!important}
}

/* Shared conversation and change timeline on read-only record dialogs. */
.record-conversation-host{display:grid!important;grid-template-columns:minmax(0,1fr) 350px!important;grid-template-rows:auto minmax(0,1fr) auto!important;height:min(92vh,900px)!important;max-height:min(92vh,900px)!important;overflow:hidden!important;width:min(1260px,calc(100vw - 32px))!important}.record-conversation-host>header{grid-column:1;grid-row:1}.record-conversation-host>.activity-form-body,.record-conversation-host>.pipeline-form-body{grid-column:1;grid-row:2;min-height:0;overflow:auto}.record-conversation-host>footer{grid-column:1;grid-row:3}.record-conversation-host>.record-conversation-panel{grid-column:2;grid-row:1/4;min-height:0}.service-record-conversation{bottom:4vh;position:fixed;right:max(16px,calc((100vw - 1260px)/2));top:4vh;width:350px;z-index:1002}.service-record-conversation>.record-conversation-panel{height:100%}.service-record-conversation~.modal-backdrop>.sales-detail-dev{transform:translateX(-175px);width:min(910px,calc(100vw - 398px))}@media(max-width:900px){.record-conversation-host{display:flex!important;height:min(96vh,980px)!important;max-height:min(96vh,980px)!important;position:relative;width:calc(100vw - 20px)!important}.record-conversation-host>.record-conversation-panel{border:0;border-radius:inherit;inset:0;max-height:none;min-height:0;position:absolute;z-index:8}.service-record-conversation~.modal-backdrop>.sales-detail-dev{transform:none;width:min(920px,calc(100vw - 20px))}}

.schedule-list article.cancelled{opacity:.7}.schedule-list article.cancelled .task-content b{color:#9c625a;text-decoration:line-through}.schedule-list article.cancelled .task-check{border-color:#d58a80;background:#fff1ef;color:#b44e42}
.schedule-agenda>header>.primary-action{display:none}
.notification-item.record-notification>span.message{background:#e8f4ee;color:#2d7b61}.notification-item.record-notification>span.change{background:#eef2fb;color:#426f9d}.notification-item.record-notification small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* A light, centered shared Log + Message mark: speech plus a small history clock. */
.audit-log-button::before,.activity-view-header-actions .activity-history-action::before{width:22px;height:22px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.2 5H4.5v10h3v3l3.8-3H15'/%3E%3Ccircle cx='17' cy='8' r='4.5'/%3E%3Cpath d='M17 5.6v2.6l1.8 1.2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.2 5H4.5v10h3v3l3.8-3H15'/%3E%3Ccircle cx='17' cy='8' r='4.5'/%3E%3Cpath d='M17 5.6v2.6l1.8 1.2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}.activity-view-header-actions .activity-history-action{display:grid!important;place-items:center;border:0!important;border-radius:50%!important;background:transparent!important}.activity-view-header-actions .activity-history-action::before{margin:0!important}.activity-view-header-actions .activity-history-action.has-unread{position:relative}.activity-view-header-actions .activity-history-action.has-unread::after{content:"";position:absolute;top:4px;right:4px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#e25242}.activity-view-header-actions .activity-history-action:hover,.activity-view-header-actions .activity-history-action.active,.activity-view-header-actions .activity-history-action[aria-expanded=true]{background:#edf5f1!important;border-color:transparent!important}
/* Keep UBT Orange navigation as deep as the other themes. */
.shell.theme-ubt{--theme-sidebar:#9b3f1e;--theme-sidebar-active:#bd5226;--theme-sidebar-hover:#7f3017;--theme-sidebar-text:#fff0e7;--theme-sidebar-icon:#ffd1b5}

/* The mobile navigation must sit above Overview widgets, maps and their popovers. */
@media(max-width:1100px){.sidebar{z-index:1200}.menu-scrim{z-index:1190}}

/* Extra personal palettes. */
.shell.theme-midnight{--theme-sidebar:#172334;--theme-sidebar-active:#294c70;--theme-sidebar-hover:#101b29;--theme-sidebar-text:#d7e3ee;--theme-sidebar-icon:#91b9d8;--theme-accent:#426c9a;--theme-accent-strong:#2c527d;--theme-accent-soft:#eaf1f7;--theme-page:#f3f6f9;--theme-card:#fff;--theme-topbar:#fff;--theme-ink:#263544;--theme-muted:#6c7a87;--theme-line:#dbe4eb;--theme-summary-start:#203a56;--theme-summary-end:#426c9a;--theme-today:#426c9a;--theme-event:#426c9a;--theme-event-soft:#e8f1f8;--theme-holiday:#a65b65;--theme-holiday-soft:#fff1f2}.shell.theme-violet{--theme-sidebar:#49375f;--theme-sidebar-active:#66507f;--theme-sidebar-hover:#382948;--theme-sidebar-text:#e8def0;--theme-sidebar-icon:#c3abda;--theme-accent:#896eaf;--theme-accent-strong:#66508d;--theme-accent-soft:#f1ebf7;--theme-page:#f7f4fa;--theme-card:#fff;--theme-topbar:#fff;--theme-ink:#3f3549;--theme-muted:#786e81;--theme-line:#e3ddea;--theme-summary-start:#5b4274;--theme-summary-end:#896eaf;--theme-today:#896eaf;--theme-event:#73569a;--theme-event-soft:#f0eafa;--theme-holiday:#af5d72;--theme-holiday-soft:#fff0f3}.shell.theme-mono{--theme-sidebar:#34383d;--theme-sidebar-active:#515860;--theme-sidebar-hover:#272b30;--theme-sidebar-text:#d9dde0;--theme-sidebar-icon:#adb5bc;--theme-accent:#66717b;--theme-accent-strong:#4c565f;--theme-accent-soft:#edf0f2;--theme-page:#f5f6f7;--theme-card:#fff;--theme-topbar:#fff;--theme-ink:#30353a;--theme-muted:#727980;--theme-line:#dde1e4;--theme-summary-start:#444b52;--theme-summary-end:#747d85;--theme-today:#66717b;--theme-event:#5e6973;--theme-event-soft:#edf0f2;--theme-holiday:#a05b5b;--theme-holiday-soft:#fff1f1}

.theme-option.midnight .theme-preview i:nth-child(1){background:#172334}.theme-option.midnight .theme-preview i:nth-child(2){background:#426c9a}.theme-option.midnight .theme-preview i:nth-child(3){background:#eef3f8}.theme-option.violet .theme-preview i:nth-child(1){background:#49375f}.theme-option.violet .theme-preview i:nth-child(2){background:#896eaf}.theme-option.violet .theme-preview i:nth-child(3){background:#f5f1fa}.theme-option.mono .theme-preview i:nth-child(1){background:#34383d}.theme-option.mono .theme-preview i:nth-child(2){background:#7c858d}.theme-option.mono .theme-preview i:nth-child(3){background:#f3f4f5}

/* Additional user themes. */
.shell.theme-ruby{--theme-sidebar:#5a2630;--theme-sidebar-active:#803b48;--theme-sidebar-hover:#451c25;--theme-sidebar-text:#f1dfe3;--theme-sidebar-icon:#dda3ae;--theme-accent:#b8495c;--theme-accent-strong:#913646;--theme-accent-soft:#faecef;--theme-page:#fcf6f7;--theme-card:#fff;--theme-topbar:#fff;--theme-ink:#482f35;--theme-muted:#826d73;--theme-line:#ecdde0;--theme-summary-start:#7e3444;--theme-summary-end:#ba5264;--theme-today:#b8495c;--theme-event:#a63f52;--theme-event-soft:#f9e8ec;--theme-holiday:#8d6b2f;--theme-holiday-soft:#fff7e6}
.shell.theme-teal{--theme-sidebar:#164c4c;--theme-sidebar-active:#28716e;--theme-sidebar-hover:#103b3b;--theme-sidebar-text:#d7eeea;--theme-sidebar-icon:#8fcfc5;--theme-accent:#258d87;--theme-accent-strong:#196d68;--theme-accent-soft:#e5f5f2;--theme-page:#f2f8f7;--theme-card:#fff;--theme-topbar:#fff;--theme-ink:#264846;--theme-muted:#67817f;--theme-line:#d7e8e5;--theme-summary-start:#1d6562;--theme-summary-end:#2a9f98;--theme-today:#258d87;--theme-event:#237b76;--theme-event-soft:#e3f4f1;--theme-holiday:#b0614c;--theme-holiday-soft:#fff0eb}
.shell.theme-amber{--theme-sidebar:#5a421d;--theme-sidebar-active:#80622b;--theme-sidebar-hover:#463315;--theme-sidebar-text:#f2e9d3;--theme-sidebar-icon:#dec481;--theme-accent:#bc8a28;--theme-accent-strong:#926817;--theme-accent-soft:#fbf3df;--theme-page:#faf8f1;--theme-card:#fff;--theme-topbar:#fff;--theme-ink:#4d412b;--theme-muted:#807761;--theme-line:#ebe4d3;--theme-summary-start:#806023;--theme-summary-end:#c39434;--theme-today:#bc8a28;--theme-event:#a87820;--theme-event-soft:#fbf1d9;--theme-holiday:#a65252;--theme-holiday-soft:#fff0f0}
.theme-option.ruby .theme-preview i:nth-child(1){background:#5a2630}.theme-option.ruby .theme-preview i:nth-child(2){background:#b8495c}.theme-option.ruby .theme-preview i:nth-child(3){background:#fcf1f3}.theme-option.teal .theme-preview i:nth-child(1){background:#164c4c}.theme-option.teal .theme-preview i:nth-child(2){background:#258d87}.theme-option.teal .theme-preview i:nth-child(3){background:#eef9f7}.theme-option.amber .theme-preview i:nth-child(1){background:#5a421d}.theme-option.amber .theme-preview i:nth-child(2){background:#bc8a28}.theme-option.amber .theme-preview i:nth-child(3){background:#fff9ea}

/* Organization announcements displayed near Sales / Service Activity titles. */
.activity-announcement-banner{display:flex;align-items:flex-start;gap:12px;margin:-8px 0 18px;padding:12px 16px;border:1px solid #efb459;border-left:5px solid #e87525;border-radius:12px;background:linear-gradient(90deg,#fff4df,#fffaf1);box-shadow:0 7px 18px #9c5b1720;color:#6d4214}.activity-announcement-banner>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#e87525;color:#fff;font-weight:900}.activity-announcement-content{display:grid;gap:7px;min-width:0;flex:1}.activity-announcement-banner small{color:#95601f;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.activity-announcement-content article{min-width:0}.activity-announcement-banner button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:10px;width:100%;border:0;background:transparent;padding:0;color:#633b10;text-align:left;font-size:14px;cursor:pointer}.activity-announcement-banner button b{font-weight:850;white-space:nowrap}.activity-announcement-banner button span{min-width:0;overflow:hidden;color:#644c31;font-size:13px;font-weight:500;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.activity-announcement-banner button:hover b{text-decoration:underline}@media(max-width:700px){.activity-announcement-banner button{grid-template-columns:1fr;gap:2px}}

/* The organization-chart root follows the selected user theme as well. */
.org-root{background:linear-gradient(135deg,var(--theme-summary-start,var(--sage-dark)),var(--theme-summary-end,var(--sage-deep)))}
.company-mark{background:color-mix(in srgb,var(--theme-summary-end,var(--sage)) 78%,#fff)}
.org-root em{color:color-mix(in srgb,var(--theme-sidebar-text,#dcebe4) 88%,#fff)}

/* Sales, Opportunity and Service detail dialogs must not fall back to the legacy orange action color. */
.shell .modal .primary-action,.shell .modal>footer .primary-action,.shell .sales-editor-dev .primary-action,.shell .pipeline-editor .primary-action{background:var(--theme-accent)!important;border-color:var(--theme-accent)!important;box-shadow:0 3px 10px color-mix(in srgb,var(--theme-accent) 26%,transparent)!important;color:#fff}
.shell .modal .primary-action:hover,.shell .modal>footer .primary-action:hover,.shell .sales-editor-dev .primary-action:hover,.shell .pipeline-editor .primary-action:hover{background:var(--theme-accent-strong)!important;border-color:var(--theme-accent-strong)!important}

/* The login background changes with the selected theme. Keep the product name
   legible regardless of the palette rather than inheriting a low-contrast mint. */
.login-page .login-brand b{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.28)}

/* Commercial detail dialogs use the same docked conversation layout as activities. */
.record-conversation-host>.commercial-form-body{grid-column:1;grid-row:2;min-height:0;overflow:auto}
.activity-map-panel aside .customer-info-action{top:calc(100% + 4px);left:0}
.activity-message-badge{position:relative;display:inline-flex!important;overflow:visible!important;align-items:center;flex:0 0 auto;gap:3px;margin-left:6px;padding:2px 6px;border-radius:999px;background:#edf3f0;color:#587066!important;font-size:10px!important;font-weight:700;line-height:1.3;vertical-align:middle;white-space:nowrap}.activity-message-badge.has-unread{background:#fff0ef;color:#b64040!important;box-shadow:inset 0 0 0 1px #da4141}.activity-message-badge.has-unread::after{content:"";position:absolute;top:-2px;right:-2px;width:6px;height:6px;border-radius:50%;background:#da4141;box-shadow:0 0 0 2px #fff}

.task-content .activity-message-badge{margin-top:0}.task-content .activity-message-badge>span{display:inline;margin-top:0;overflow:visible;color:inherit;font-size:inherit}
.calendar-days button em{position:absolute}.calendar-days button em.has-unread-messages{background:var(--theme-today,#f08a42)}.calendar-days button em .calendar-unread-dot{position:absolute;top:-3px;right:-3px;width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:#d93636;box-shadow:0 0 0 1px #d93636}
.calendar-weekdays .weekend{color:#b55750;background:#fff4f2;border-radius:6px}.schedule-agenda>header .schedule-special-date{color:#b55750}.schedule-day-marker{display:inline-flex;align-items:center;margin-left:6px;padding:3px 7px;border-radius:999px;background:#fff0ee;color:#a64b45;font-size:10px;font-style:normal;font-weight:800;vertical-align:middle}
.activity-customer-value:has(.customer-type-badge.customer) .customer-info-name{color:#2f745a!important}.activity-customer-value:has(.customer-type-badge.lead) .customer-info-name{color:#39739f!important}