@media screen{
html,body{height:100%;overflow:hidden}body{display:block!important;padding:0!important;background:#f4f6fa!important;color:#18243c!important}#top-header,#sb,#sb-bd,#fu-panel,#legacy-contracts,#es-status-strip{display:none!important}#product-shell{--nav-width:248px;display:grid;grid-template-columns:var(--nav-width) minmax(0,1fr);grid-template-rows:68px minmax(0,1fr);grid-template-areas:"sidebar header" "sidebar content";height:100vh;height:100dvh;transition:grid-template-columns .2s ease}#product-shell.is-collapsed{--nav-width:76px}#product-sidebar{grid-area:sidebar;grid-row:1/3;min-height:0;background:#142039;color:#bbc6dc;display:flex;flex-direction:column;padding:22px 14px 14px;overflow:hidden}#product-sidebar .es-wordmark{color:white;margin:0 7px 27px;white-space:nowrap}.sidebar-scroll{overflow:auto;min-height:0;flex:1;scrollbar-width:thin}.nav-label{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#8293b3;padding:22px 12px 8px}.nav-item{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:0;background:transparent;border-radius:8px;padding:11px 12px;min-height:43px;color:inherit;font-size:12px;font-weight:550;margin:2px 0;text-decoration:none}.nav-item:hover{background:#23314c;color:#fff}.nav-item[aria-current=page]{background:#355cf0;color:white}.nav-item .es-icon{width:19px;height:19px}.nav-item span{min-width:0}.sidebar-footer{border-top:1px solid #2d3951;margin-top:16px;padding-top:12px}.is-collapsed .nav-item span,.is-collapsed .nav-label,.is-collapsed .wordmark-name,.is-collapsed #module-sections,.is-collapsed .sidebar-account{display:none}.is-collapsed #product-sidebar{padding-inline:11px}.is-collapsed #product-sidebar .es-wordmark{margin-inline:10px}.is-collapsed .nav-item{justify-content:center;padding:12px 0}.is-collapsed .sidebar-footer .nav-item{font-size:0}.sidebar-account{font-size:11px;padding:10px 12px;color:#93a5c5;overflow-wrap:anywhere}#product-header{grid-area:header;display:flex;align-items:center;gap:18px;min-width:0;background:white;border-bottom:1px solid #dfe5ee;padding:0 30px;z-index:25}.header-path{font-size:12px;color:#788398;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-path strong{color:#1d2942;font-weight:650;margin-left:10px}.header-tools{margin-left:auto;display:flex;gap:8px;align-items:center}.shell-icon{border:1px solid #e1e6ee;background:white;border-radius:8px;width:38px;height:38px;display:grid;place-items:center;position:relative;color:#54627b}.shell-icon:hover{background:#f0f3fa}.command-trigger{display:flex;align-items:center;gap:10px;border:1px solid #e1e6ee;background:#f8f9fc;color:#6e7b91;border-radius:8px;padding:9px 12px;font-size:12px}.command-trigger kbd{font-size:10px;color:#8d98aa;margin-left:35px}.bell-count{position:absolute;top:-5px;right:-6px;border:2px solid white;background:#355cf0;color:white;border-radius:20px;min-width:18px;font-size:10px;padding:0 3px}#content-stage{grid-area:content;min-width:0;min-height:0;overflow:hidden;position:relative}#main-content{height:100%;max-width:none!important;margin:0!important;padding:28px!important;overflow:auto;display:flex;gap:18px}#main-content.hidden{display:none!important}#es-frame-wrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1!important;background:#f4f6fa!important}#es-frame-wrap #es-frame{display:block!important;flex:1 1 0!important;width:100%!important;height:100%!important;min-width:0;min-height:0;border:0}#workspace-overview,#office-page{height:100%;overflow:auto;padding:34px clamp(20px,4vw,58px)}.page-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:27px}.page-intro h1{font-size:clamp(25px,3vw,36px);line-height:1.18;letter-spacing:-1.2px;font-weight:680;margin:9px 0 10px}.page-intro p{font-size:13px;line-height:1.7;color:#6e7b91;max-width:620px}.date-chip{border:1px solid #dce3ed;padding:10px 13px;border-radius:7px;font-size:11px;color:#69778d;white-space:nowrap}.overview-banner{background:#1d2e51;border-radius:12px;padding:24px 28px;color:white;display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:26px}.overview-banner p{color:#bac7e1;font-size:12px;margin-top:8px;line-height:1.6}.overview-banner h2{font-size:17px;font-weight:600}.overview-banner .es-overline{color:#a6b9ed}.suite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.suite-card{padding:24px;background:white;border:1px solid #dfe5ee;border-radius:11px;min-width:0;text-align:left;display:flex;flex-direction:column;color:#18243c;transition:box-shadow .15s,transform .15s}.suite-card:hover{box-shadow:0 7px 20px #20345612;transform:translateY(-2px);border-color:#b8c7f6}.card-icon{width:44px;height:44px;display:grid;place-items:center;background:#edf1ff;color:#355cf0;border-radius:11px;margin-bottom:27px}.suite-card h2{font-size:16px;font-weight:650;letter-spacing:-.3px;margin:0 0 9px}.suite-card p{color:#768299;font-size:12px;line-height:1.7;flex:1}.card-foot{border-top:1px solid #edf0f5;padding-top:17px;margin-top:22px;display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:#355cf0}.overview-footer{display:flex;justify-content:space-between;gap:16px;margin-top:28px;font-size:11px;color:#7c879a}.text-button{border:0;background:none;color:#355cf0;font-size:12px;text-decoration:underline;text-underline-offset:3px}.crm-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.crm-actions:empty{display:none}.crm-actions>button{border:1px solid #dce2ec!important;box-shadow:none!important;border-radius:7px!important;min-height:36px;background:white;color:#33435e}.crm-actions>button#btn-add-lead{background:#355cf0!important;color:white!important}.office-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.office-grid :is(button,a){padding:20px!important;text-align:left;background:white!important;border:1px solid #dfe5ee!important;border-radius:10px!important;color:#253653!important;min-height:75px;font-size:14px!important;display:flex;align-items:center;gap:10px}.office-grid :is(button,a).hidden{display:none!important}#es-share-box{margin-top:24px;padding:18px;background:white;border-radius:10px}.module-loading{position:absolute;inset:0;z-index:5;background:#f4f6fa;display:grid;place-items:center;color:#697994;font-size:14px}.shell-backdrop{display:none}.product-dialog{border:1px solid #dfe5ee;border-radius:14px;padding:0;box-shadow:0 30px 90px #14203930;max-height:82dvh;color:#18243c;max-width:calc(100vw - 30px)}.product-dialog::backdrop{background:#14203970;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e9f1}.dialog-heading h2{font-size:18px;letter-spacing:-.4px;font-weight:650}.dialog-body{padding:20px 24px}.dialog-body input[type=search]{width:100%;border:1px solid #dfe5ee;border-radius:8px;padding:12px;font-size:13px}#command-dialog{width:610px}#command-results{max-height:52vh;overflow:auto;padding:8px 0}#command-results button{display:flex;justify-content:space-between;gap:15px;width:100%;border:0;background:white;text-align:left;padding:12px;border-radius:7px;font-size:13px}#command-results button:hover,#command-results button:focus{background:#edf1ff}#command-results small{color:#7c879a}#notification-dialog{width:620px}.notification-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 24px;border-bottom:1px solid #e5e9f1;font-size:12px}.notification-tools select{padding:6px;border:1px solid #dfe5ee;border-radius:6px}#notification-list{max-height:52dvh;overflow:auto}.notification-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px 24px;border-bottom:1px solid #edf0f5;background:#f6f8ff}.notification-item.is-read{background:white}.notification-open{border:0;text-align:left;background:transparent;padding:0;color:#24334e;font-size:13px;line-height:1.6}.notification-open small{display:block;color:#7f8ba0;font-size:10px;margin-top:6px}.notification-state{align-self:center;white-space:nowrap;border:1px solid #dce2ec;padding:7px;border-radius:6px;background:white;color:#5e6e88;font-size:10px}.severity{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#8b6400;display:block;font-weight:700}.empty-state{padding:45px 25px;text-align:center;color:#77859b;font-size:13px;line-height:1.7}#notification-prefs{padding:16px 24px;background:#f6f8fc;font-size:12px}#notification-prefs label{display:inline-flex;gap:6px;margin:12px 14px 4px 0}#product-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#1d2e51;color:white;border-radius:8px;padding:12px 18px;font-size:12px;z-index:200;box-shadow:0 4px 30px #14203930}.saved-view-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0;font-size:11px;color:#6e7b91}.saved-view-row select{border:1px solid #dfe5ee;border-radius:6px;padding:7px;background:white}.saved-view-row button{border:0;background:none;color:#355cf0;padding:7px}.login-grid{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:#f4f6fa}.login-story{padding:55px clamp(30px,6vw,90px);background:#142039;color:white;display:flex;flex-direction:column;justify-content:space-between}.login-story h1{font-size:clamp(35px,5vw,65px);line-height:1.05;letter-spacing:-3px;font-weight:650;margin:60px 0 25px}.login-story p{color:#9fb0d1;font-size:14px;line-height:1.8}.login-story footer{font-size:10px;color:#7386aa;margin-top:60px;letter-spacing:2px}.login-access{align-self:center;padding:55px clamp(25px,6vw,85px)}.login-access h2{font-size:30px;letter-spacing:-1px;font-weight:650;margin:10px 0}.login-access p{font-size:13px;color:#728097;line-height:1.7;margin-bottom:30px}.login-choice{display:flex;align-items:center;gap:15px;width:100%;padding:20px;text-align:left;border:1px solid #dfe5ee;border-radius:10px;background:white;margin:12px 0}.login-choice:hover{border-color:#355cf0}.login-choice b{display:block;font-size:14px;color:#263858}.login-choice small{display:block;font-size:11px;color:#77869e;margin-top:5px}.login-help{font-size:11px;line-height:2;color:#738199;margin-top:25px}#landing{z-index:30!important}#main-content table{font-size:12px}#main-content [class*=rounded-2xl]{border-radius:10px}#main-content [class*=shadow]{box-shadow:none}#main-content input,#main-content select,#main-content textarea{border-radius:7px}#controls-bar{border:1px solid #dfe5ee!important;box-shadow:none!important;background:white!important}.mobile-only{display:none}.sidebar-close{display:none}
@media(min-width:1500px){#workspace-overview{padding-inline:70px}.suite-card{padding:30px}}
@media(max-width:1100px){#product-shell{--nav-width:214px}.suite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#product-header{padding-inline:20px}.command-trigger kbd{display:none}}
@media(max-width:1023px){#product-shell,#product-shell.is-collapsed{grid-template-columns:minmax(0,1fr);grid-template-rows:60px minmax(0,1fr);grid-template-areas:"header" "content"}#product-sidebar{grid-area:auto;grid-row:auto;position:fixed;inset:0 auto 0 0;width:min(300px,85vw);z-index:100;transform:translateX(-100%);transition:transform .2s}#product-shell.menu-open #product-sidebar{transform:translateX(0)}#product-shell.menu-open .shell-backdrop{display:block;position:fixed;inset:0;z-index:90;background:#14203980;border:0}.is-collapsed .nav-item span,.is-collapsed .nav-label,.is-collapsed .wordmark-name,.is-collapsed #module-sections,.is-collapsed .sidebar-account{display:revert}.is-collapsed .nav-item{justify-content:flex-start;padding:11px 12px}.is-collapsed .sidebar-footer .nav-item{font-size:12px}#product-header{padding:0 14px;gap:10px}.mobile-only{display:grid}.sidebar-close{display:block}.desktop-only{display:none}.command-trigger{padding:8px}.command-trigger span{display:none}.header-path{font-size:11px}.header-path>span{display:none}#main-content{padding:16px!important}#workspace-overview,#office-page{padding:25px 18px}.page-intro{margin-bottom:20px}.date-chip{display:none}.overview-banner{padding:20px;align-items:flex-start;flex-direction:column}.overview-footer{flex-direction:column}.login-grid{grid-template-columns:1fr}.login-story{padding:30px}.login-story h1{font-size:38px;letter-spacing:-1.4px;margin:30px 0 15px}.login-story footer{display:none}.login-access{padding:30px}.product-dialog{max-height:90dvh}.notification-item{padding:16px;gap:7px}.notification-state{font-size:9px}.dialog-heading,.dialog-body{padding:18px}.suite-card{padding:20px}.card-icon{margin-bottom:20px}}
@media(max-width:440px){.suite-grid{grid-template-columns:1fr}.suite-card{display:grid;grid-template-columns:44px 1fr;column-gap:15px}.card-icon{grid-row:1/3;margin:0}.suite-card p{grid-column:2}.card-foot{grid-column:1/3}.page-intro h1{font-size:28px}}
}
@media screen{#access-badge{display:inline-block;margin-left:12px;padding:4px 7px;background:#edf1ff;border:1px solid #d9e1ff;border-radius:5px;color:#5871b6;font-size:9px;vertical-align:middle}#access-badge[hidden]{display:none}#office-instructions:empty{display:none}#office-instructions{margin-top:22px}#office-instructions #es-task-side{margin:0!important;max-height:none!important;padding:20px!important;background:white!important;border:1px solid #dfe5ee!important;border-radius:10px!important;color:#253653;font-size:13px!important}#detail-panel{top:0!important}#product-sidebar .sidebar-close{background:#23314c}#product-shell.is-collapsed #collapse-nav svg{transform:rotate(180deg)}}
@media screen and (max-width:450px){#access-badge{font-size:8px;padding:3px 5px;margin-left:6px}}
@media screen{body.oa-mode #main-content{visibility:visible!important}}
@media screen{#es-ai-launch{position:static!important;inset:auto;z-index:auto!important;border:1px solid #e1e6ee!important;border-radius:8px!important;background:white!important;color:#54627b!important;padding:0!important;width:38px!important;height:38px!important;box-shadow:none!important;font-size:11px!important;touch-action:manipulation!important}#es-ai-panel{border-left:1px solid #dfe5ee;box-shadow:-12px 0 45px #14203925!important;width:min(450px,92vw)!important;max-width:92vw!important}#es-ai-panel header{background:#142039!important;font-size:13px}#es-ai-panel input,#es-ai-panel textarea{border-radius:7px!important;font-family:var(--es-sans)!important}}
@media screen{.nav-section-label{font-size:10px;color:#758aaa;padding:16px 12px 5px;letter-spacing:.25px}}
@media screen{.severity.information{color:#6b83b2}.severity.attention{color:#8b6400}.notification-open:disabled{cursor:default;opacity:1}}
@media screen{#connection-dialog{width:540px}#connection-summary{font-size:14px;line-height:1.8;color:#2c4061;margin:0 0 20px}.connection-note{font-size:12px;line-height:1.8;color:#7c8ba2;margin-bottom:18px}.is-collapsed #connection-label{display:none}}
/* The module fills its own grid cell; legacy auto-height rules cannot shrink it. */
@media screen{#product-shell{width:100%;min-width:0;min-height:0}#product-shell[data-page=module] #es-frame-wrap{display:flex!important;flex-direction:column;overflow:hidden}#content-stage>main{min-width:0;min-height:0}.header-tools{flex-shrink:0}#main-content{min-width:0;min-height:0}#product-sidebar{padding-bottom:max(14px,env(safe-area-inset-bottom))}}
@media screen and (max-width:1023px){#main-content{padding-bottom:max(16px,env(safe-area-inset-bottom))!important}.shell-icon,#es-ai-launch{width:44px!important;height:44px!important}.header-tools{gap:4px}.nav-item{min-height:44px}#product-header{padding-inline:max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-right))}.is-collapsed #connection-label{display:inline}.header-path strong{margin-left:0}#access-badge{display:none}}
@media screen and (max-width:380px){.header-tools{gap:2px}.shell-icon,#es-ai-launch{width:38px!important;height:44px!important}.command-trigger{padding:6px}.header-path{font-size:10px}#product-header{gap:6px}}
/* Functions belong to the expanded active workspace, rather than a flat global list. */
@media screen{.workspace-nav-group.is-active{background:#1a2945;border-radius:10px;margin:5px 0;padding:4px}.workspace-nav-group.is-active>.nav-item{font-weight:700}.function-owner{font-size:10px;font-weight:700;color:#aebfde;padding:14px 10px 4px;line-height:1.6}.workspace-nav-group #module-sections,.workspace-nav-group #secondary-nav{margin:0 6px 10px 14px;border-left:1px solid #3b4c69;padding-left:9px}.workspace-nav-group #module-sections .nav-item,.workspace-nav-group #secondary-nav .nav-item{font-size:11px;padding:9px 10px;min-height:38px;gap:7px}.workspace-nav-group #module-sections .nav-item .es-icon{width:12px;height:12px}.workspace-nav-group .nav-section-label{color:#829cce;font-size:10px;font-weight:650;padding:14px 10px 5px}.workspace-nav-group #module-sections .nav-item[aria-current=page]{background:#304a78;color:white;box-shadow:inset 3px 0 #87a6ff}.function-path{display:flex;align-items:center;gap:9px;font-size:10px;margin-top:4px;min-width:0}#function-breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#71809a}#workspace-functions{border:0;background:#edf1ff;border-radius:5px;color:#355cf0;font-size:10px;padding:4px 8px;white-space:nowrap}.header-path{flex:1}.header-path>strong{margin-left:0}.is-collapsed .workspace-nav-group{padding:0;background:transparent}.is-collapsed .workspace-nav-group #secondary-nav{display:none}}
@media screen and (max-width:1023px){.workspace-nav-group #module-sections .nav-item,.workspace-nav-group #secondary-nav .nav-item{min-height:44px}.is-collapsed .workspace-nav-group #secondary-nav{display:block}.is-collapsed .workspace-nav-group #module-sections{display:revert}#function-breadcrumb{display:none}.function-path{margin-top:1px}#workspace-functions{min-height:26px;padding:3px 6px;font-size:10px}.header-path>span:first-child{display:none}}
@media screen{#workspace-function-rail{flex:0 0 auto;background:white;border-bottom:1px solid #dfe5ee;padding:12px 24px;min-width:0;max-width:100%;overflow:hidden}#workspace-function-rail[hidden]{display:none}.rail-owner{font-size:11px;color:#71809a;font-weight:650;margin-bottom:8px}.function-tabs{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:6px}.function-tab{flex:0 0 auto;min-width:94px;max-width:170px;min-height:72px;border:0;border-radius:10px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:8px 12px;color:#465774;font-size:11px;text-align:center;cursor:pointer}.function-glyph{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf1ff;color:#355cf0}.function-glyph .es-icon{width:18px;height:18px}.function-tab:nth-child(3n+2) .function-glyph{background:#e8f5ef;color:#28745b}.function-tab:nth-child(3n) .function-glyph{background:#fff3de;color:#a56b22}.function-tab[aria-current=page]{background:#edf1ff;color:#264bc3;box-shadow:inset 0 -3px #355cf0;font-weight:700}.function-tab:hover{background:#f4f6fa}.function-tab:focus-visible{outline:2px solid #355cf0;outline-offset:-2px}.has-function-rail .workspace-nav-group #module-sections{display:none!important}.has-function-rail #workspace-functions{display:none!important}}
@media screen and (max-width:1023px){#workspace-function-rail{padding:10px 12px}.function-tab{min-width:86px;min-height:76px}.rail-owner{font-size:10px}}
/* Reserve a real row for module functions; the frame must not cover navigation. */
@media screen{
#product-shell.has-function-rail #content-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);isolation:isolate}
#product-shell.has-function-rail #workspace-function-rail{grid-column:1;grid-row:1;position:relative;z-index:2}
#product-shell.has-function-rail #es-frame-wrap{grid-column:1;grid-row:2;position:relative!important;inset:auto!important;height:100%!important;min-height:0;min-width:0;overflow:hidden}
}
@media screen{.sidebar-footer{max-height:55%;overflow-y:auto;flex-shrink:0;scrollbar-width:thin}#settings-options{margin:3px 0 8px 20px;padding-left:9px;border-left:1px solid #3b4c69}#settings-options[hidden]{display:none}#settings-options .nav-item{font-size:11px;min-height:40px;padding:8px;gap:8px}#settings-options .es-icon{width:15px;height:15px}.is-collapsed #settings-options{display:none}}
@media screen and (max-width:1023px){.is-collapsed #settings-options:not([hidden]){display:block}#settings-options .nav-item{min-height:44px}}
@media screen{.function-glyph{width:48px;height:48px;box-shadow:0 3px 8px #20345612;background:#e7ecff;color:#35547f}.function-glyph .es-icon{width:28px;height:28px;stroke-width:1.5}.function-tab{min-height:96px;min-width:112px;gap:9px;font-size:12px}.function-tab:nth-child(3n+2) .function-glyph{background:#dcece1;color:#326650}.function-tab:nth-child(3n) .function-glyph{background:#fff0d3;color:#8c6a34}}
@media screen and (max-width:1023px){.function-tab{min-width:104px;min-height:96px}}
@media screen{.dedicated-function-art{display:inline-block;width:54px;height:54px;flex-shrink:0;border-radius:50%;background-size:890.434783% 496.956522%;background-repeat:no-repeat}.function-glyph:has(.dedicated-function-art){width:54px;height:54px;background:transparent!important;box-shadow:0 3px 8px #20345612;overflow:hidden}.nav-item>.dedicated-function-art{width:26px;height:26px}.function-tab{min-height:104px}}
@media screen{#landing{position:fixed!important;inset:0!important;height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.login-grid{height:auto!important;min-height:100dvh}.login-story .es-wordmark{white-space:normal;line-height:1.25}.office-grid :is(button,a){font-family:var(--es-sans)!important;font-size:14px!important;font-weight:600!important;line-height:1.5!important}.office-grid :is(button,a) *{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important}#product-sidebar .es-wordmark{white-space:normal;line-height:1.2;font-size:18px}#es-ai-launch{position:fixed!important;inset:auto;right:18px;top:calc(100dvh - 90px);z-index:10025!important;width:60px!important;height:60px!important;border:2px solid #d7ab50!important;border-radius:50%!important;box-shadow:0 5px 22px #14203955!important;touch-action:none!important;padding:0!important;background:white!important}#es-ai-launch .assistant-logo{width:56px;height:56px}#accounting-panel-toggle{font-size:11px;padding:3px 0}}
@media screen and (max-width:767px){.login-grid{display:flex;flex-direction:column}.login-story{padding:28px 24px}.login-story h1{font-size:36px;margin:24px 0 15px;letter-spacing:-1.5px}.login-story footer{margin-top:20px}.login-access{padding:30px 24px 50px;width:100%;box-sizing:border-box;align-self:stretch}#login-modal{overflow-y:auto!important;max-height:100dvh}.accounting-tools-hidden #workspace-function-rail{display:none!important}#es-ai-launch{right:12px;top:calc(100dvh - 86px - env(safe-area-inset-bottom));width:60px!important;height:60px!important}}
/* Phone layouts: one full-width panel or template per row. */
@media screen and (max-width:767px){
#view-leadmaster>.grid,#templates-grid,#view-wa-fu .grid,#view-set .grid{grid-template-columns:minmax(0,1fr)!important}
#view-leadmaster>.grid>.lm-card,#templates-grid>* ,#view-wa-fu .grid>*,#view-set .grid>*{grid-column:1 / -1!important;min-width:0}
#view-leadmaster .lm-search-row{grid-template-columns:minmax(0,1fr)!important}
#view-leadmaster .lm-start-btn,#view-leadmaster .lm-target-select{width:100%}
#wa-seq-panel .space-y-2>.flex{flex-direction:column;align-items:stretch}
#wa-seq-panel .space-y-2>.flex>select{width:100%;min-width:0}
}
/* Compact phone navigation and full-width form controls. */
@media screen and (max-width:767px){
#workspace-function-rail{padding:6px 10px}
.rail-owner{margin-bottom:3px}
.function-tabs{gap:4px;padding-bottom:3px}
.function-tab{min-height:62px;min-width:82px;max-width:110px;gap:4px;padding:4px 6px}
.function-glyph,.function-glyph:has(.dedicated-function-art){width:30px;height:30px}
.function-glyph .dedicated-function-art{width:30px;height:30px}
.function-glyph .es-icon{width:20px;height:20px}
.office-grid{grid-template-columns:minmax(0,1fr);gap:10px}
.office-grid :is(button,a){justify-content:flex-start!important;text-align:left!important;min-height:56px;padding:14px 16px!important;white-space:normal;overflow-wrap:anywhere}
#office-shared{min-width:0;overflow-wrap:anywhere}
.saved-view-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:stretch}
.saved-view-row[hidden]{display:none}
.saved-view-row :is(select,button){width:100%;min-width:0;min-height:44px;text-align:left;box-sizing:border-box}
#view-wa-send .grid,#main-content form .grid,#main-content .grid:has(>input),#main-content .grid:has(>select),#main-content .grid:has(>label){grid-template-columns:minmax(0,1fr)!important}
#view-wa-send .grid>*,#main-content form .grid>*{grid-column:1 / -1!important;min-width:0}
#view-wa-send .flex:has(>h3){flex-direction:column;align-items:stretch;gap:10px}
#controls-bar :is(input,select),#main-content :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
#controls-bar>.flex{flex-direction:column;align-items:stretch}
#controls-bar>.flex>*{width:100%}
#main-content :is(h2,h3,label){overflow-wrap:anywhere}
}
#secondary-nav[hidden]{display:none!important}
/* Short icon strips across every workspace, with unchanged label fonts. */
@media screen{
#workspace-function-rail{padding:6px 12px}
#workspace-function-rail .rail-owner{display:none}
#workspace-function-rail .function-tabs{gap:6px;padding-bottom:3px;align-items:center}
#workspace-function-rail .function-tab{flex-direction:row;min-height:44px;min-width:0;max-width:220px;gap:7px;padding:4px 9px;text-align:left}
}
@media screen and (max-width:767px){
#workspace-function-rail{padding:4px 8px}
#workspace-function-rail .function-tab{max-width:170px;padding:3px 6px;gap:6px}
}
.marketing-dialog{width:min(92vw,580px);max-height:90dvh;overflow:auto;border:1px solid #ccd5e1;border-radius:18px;padding:24px;color:#142039;box-shadow:0 24px 100px #14203950}.marketing-dialog::backdrop{background:#14203999}.marketing-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.marketing-dialog h2{font-size:20px}.marketing-dialog header button{border:0;background:#edf1f7;border-radius:8px;font-size:26px;min-height:42px;min-width:42px}.marketing-dialog label{display:flex;flex-direction:column;gap:8px;margin:18px 0}.marketing-dialog input,.marketing-dialog select{font-size:16px;border:1px solid #bcc8d8;border-radius:8px;padding:12px;width:100%}.marketing-dialog p{font-size:14px;line-height:1.6;margin:14px 0}.team-login-qr{width:260px;max-width:100%;display:block;margin:20px auto}.team-qr-button{border:1px solid #bcc8d8;border-radius:8px;padding:8px;background:#eef3fa;font:inherit;margin:8px}#qr-camera{width:100%;max-height:300px;background:#142039;border-radius:12px}#scan-team-login{display:block;margin:20px auto;position:relative;z-index:2}.website-enquiry-box{padding:20px;margin-bottom:22px;border:1px solid #c5cfdf;border-radius:14px;background:#fff}.website-enquiry-box h3{font-size:18px;margin-bottom:10px}.website-enquiry-box p{font-size:14px;line-height:1.6}.website-enquiry-box article{padding:14px 0;border-bottom:1px solid #e1e6ee}.website-enquiry-box small{display:block;color:#718097;margin-top:5px}.website-enquiry-box article button{color:#355cf0;font-size:14px;margin-top:10px}
@media(max-width:767px){.team-qr-button{width:100%;margin-left:0}.marketing-dialog{padding:18px}.marketing-dialog .es-btn{width:100%;margin-top:8px}#tm-list>div{flex-wrap:wrap}}
.module-access-overlay{position:fixed;inset:0;z-index:200;background:#17213c88;display:flex;align-items:center;justify-content:center;padding:20px}.module-access-dialog{background:#fff;color:#17213c;border-radius:16px;width:100%;max-width:650px;max-height:90vh;overflow:auto;padding:26px}.module-access-dialog h3{font-size:24px}.module-access-dialog>p{font-size:14px;line-height:1.6;margin:12px 0 20px;color:#526381}.module-access-group{font-size:17px;margin:24px 0 12px}.module-access-card{border:1px solid #dfe5ee;border-radius:12px;padding:18px;margin-bottom:12px}.module-access-card h4{font-size:17px;margin-bottom:12px}.module-access-card label{display:block;font-size:14px;line-height:1.5}.module-access-card select,.module-access-card input[type=date]{display:block;width:100%;font-size:16px;border:1px solid #ced8e7;border-radius:8px;padding:10px;margin:6px 0 12px;background:#fff}.module-entry-check input{width:auto;margin-right:8px}.module-access-dates{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.module-access-card.is-disabled{background:#f4f6fa}.module-access-card input:disabled{opacity:.55}.module-access-actions{display:flex;justify-content:flex-end;gap:12px;position:sticky;bottom:-26px;background:#fff;padding:16px 0}.module-access-actions button{padding:10px 18px;min-height:44px;border:1px solid #ced8e7;border-radius:8px;font:inherit;background:#fff}.module-access-actions #es-acc-s{background:#3556f2;color:#fff;border-color:#3556f2}#module-access-error{color:#b42318}@media(max-width:767px){.module-access-overlay{padding:12px}.module-access-dialog{padding:18px;max-height:92vh}.module-access-dates{grid-template-columns:1fr}.module-access-card{padding:14px}.module-access-actions{bottom:-18px}}
.module-development-notice{flex-shrink:0;margin:12px 16px;padding:14px 18px;border:1px solid #e6b849;border-radius:10px;background:#fff8df;color:#694700;font-size:14px;font-weight:650;line-height:1.5}.has-development-notice #es-frame{flex:1 1 0;min-height:0;height:0}.module-development-settings{margin:16px 0;padding:16px;border:1px solid #e4bc59;border-radius:10px;background:#fffaf0}.module-development-settings h4{margin:0 0 8px}.module-development-settings p{font-size:13px;line-height:1.5}.module-development-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}@media(max-width:600px){.module-development-grid{grid-template-columns:1fr}}
/* Phone login starts with the brand and account choices, without the tall story. */
@media screen and (max-width:767px){.login-story-copy,.login-story footer{display:none}.login-story{padding:18px 24px}.login-access{padding:20px 24px 36px;align-self:stretch}.login-access h2{font-size:25px}.login-access p{margin-bottom:16px}.login-choice{padding:14px;margin:10px 0}.login-help{margin-top:16px}}
/* Main workspaces stay in the sidebar; submodules use one persistent top strip. */
@media screen{
#product-shell.has-function-rail #main-content{grid-column:1;grid-row:2;min-height:0;overflow:auto;height:100%;box-sizing:border-box}
#product-shell #primary-nav>.nav-item{min-height:46px}
#workspace-function-rail .function-tabs{align-items:center;gap:6px;white-space:nowrap;overflow-x:auto}
#workspace-function-rail .function-tab{display:flex;flex-direction:row;min-height:44px;min-width:max-content;max-width:none;gap:7px;padding:7px 12px}
#workspace-function-rail .function-tab>.es-icon{width:18px;height:18px;flex:none}
#workspace-function-rail [aria-current=page]{background:#e9f4f1;color:#006e60;box-shadow:inset 0 -3px #008573}
#primary-nav #module-sections,#primary-nav #secondary-nav{display:none!important}
}
/* Keep both CRM and WhatsApp submodules visible above their scrollable workspace. */
@media screen {
#product-shell[data-top-module="crm"] #workspace-function-rail,
#product-shell[data-top-module="whatsapp"] #workspace-function-rail,
#product-shell[data-top-module="settings"] #workspace-function-rail {display:block!important;visibility:visible;min-height:58px;box-sizing:border-box;background:#fff;border-bottom:1px solid #d7e4df}
#workspace-function-rail .function-tabs {display:flex!important;flex-direction:row;flex-wrap:nowrap;min-height:44px;align-items:center;overflow-x:auto;scrollbar-width:thin;gap:8px}
#workspace-function-rail .function-tab {flex:0 0 auto;white-space:nowrap;min-height:44px}
}
#module-open-failure{padding:24px;max-width:520px;width:92vw}#module-open-failure h2{font-size:20px;margin-bottom:12px}#module-open-failure p{font-size:14px;line-height:1.6;color:#53647a}.module-recovery-actions{display:flex;gap:10px;justify-content:end;margin-top:20px}.module-recovery-actions button{min-height:44px;border:1px solid #bacfc7;border-radius:8px;padding:9px 18px;color:#006d5b;background:#f2f8f4}
/* Compact icon tabs for the seven embedded operational modules. */
@media screen {
#product-shell[data-top-module="module"] #workspace-function-rail{padding:4px 12px}
#product-shell[data-top-module="module"] #workspace-function-rail .function-tabs{min-height:38px;gap:4px;padding-bottom:2px}
#product-shell[data-top-module="module"] #workspace-function-rail .function-tab{flex-direction:row;min-height:36px;gap:6px;padding:5px 8px;font-size:11px;line-height:1.35;border-radius:7px}
#product-shell[data-top-module="module"] #workspace-function-rail :is(.function-glyph,.function-glyph:has(.dedicated-function-art),.dedicated-function-art){width:24px;height:24px;min-width:24px;flex-shrink:0;box-shadow:none}
#product-shell[data-top-module="module"] #workspace-function-rail :is(.function-glyph .es-icon,.function-tab>.es-icon){width:16px;height:16px;min-width:16px}
}
@media screen and (max-width:767px) {
#product-shell[data-top-module="module"] #workspace-function-rail{padding:3px 8px}
#product-shell[data-top-module="module"] #workspace-function-rail .function-tabs{min-height:44px}
#product-shell[data-top-module="module"] #workspace-function-rail .function-tab{min-height:44px;padding:5px 7px}
}
/* CRM Overview: both columns fit the workspace and scroll independently. */
@media screen and (min-width:1024px) {
#product-shell #main-content:has(>#view-leads:not(.hidden)){overflow:hidden}
#product-shell #main-content:has(>#view-leads:not(.hidden))>:is(#page-actions,#controls-bar){flex:0 0 auto}
#product-shell #view-leads:not(.hidden){flex:1 1 0;min-height:0;min-width:0;grid-template-rows:minmax(0,1fr);align-items:stretch;overflow:hidden}
#product-shell #view-leads>section:first-child{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-bottom:16px}
#product-shell #view-leads>#detail-panel{position:relative!important;top:auto!important;align-self:stretch;min-height:0;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;box-sizing:border-box;padding-bottom:32px}
}
@media screen and (max-width:1023px) {
#product-shell #detail-panel.es-open{height:100dvh;max-height:100dvh;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
}
/* Make the running workspace and active submodule easy to identify. */
@media screen {
#product-header .header-path{line-height:1.25}
#product-header #page-label{font-size:21px;font-weight:750;line-height:1.25}
#product-header .function-path{margin-top:3px;min-width:0}
#product-header #function-breadcrumb:not([hidden]){display:block;font-size:16px;line-height:1.3;font-weight:650;color:var(--es-text-muted,#64748b)}
}
@media screen and (max-width:767px) {
#product-header #page-label{font-size:17px}
#product-header #function-breadcrumb:not([hidden]){display:block!important;font-size:13px}
#product-header .function-path{margin-top:2px}
}
/* One compact running-location line: Workspace / module / submodule. */
@media screen {
#product-shell{grid-template-rows:52px minmax(0,1fr)}
#product-header{padding-inline:18px;gap:10px}
#product-header .header-path{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;font-size:11px;line-height:1.25}
#product-header .header-path>span:first-child{display:inline;flex-shrink:0}
#product-header #page-label{font-size:18px;font-weight:750;line-height:1.25;margin-left:0;flex-shrink:0}
#product-header .function-path{display:flex;align-items:center;margin:0;min-width:0;gap:6px;overflow:hidden}
#product-header #function-breadcrumb:not([hidden]){display:block;font-size:15px;font-weight:650;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#product-header .function-path:has(#function-breadcrumb:not([hidden]))::before{content:'/';font-size:14px;color:var(--es-text-muted,#64748b);flex-shrink:0}
#product-header .command-trigger{padding:6px 10px;min-height:36px}
#product-header .shell-icon{height:36px!important;min-height:36px;width:36px!important}
#product-header .es-theme-toggle{min-height:36px;padding:6px 10px}
}
@media screen and (max-width:1023px){
#product-shell{grid-template-rows:52px minmax(0,1fr)}
#product-header{padding-inline:8px;gap:6px}
#product-header .header-path{gap:4px}
#product-header #page-label{font-size:16px}
#product-header #function-breadcrumb:not([hidden]){display:block!important;font-size:13px}
#product-header .shell-icon{height:44px!important;min-height:44px;width:38px!important}
#product-header .command-trigger,#product-header .es-theme-toggle{min-height:44px}
}
@media screen and (max-width:600px){
#product-header .header-path>span:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#product-header #page-label{font-size:14px}
#product-header #function-breadcrumb:not([hidden]){font-size:12px}
#product-header .header-tools{gap:2px}
}
/* A consistent compact top strip for every workspace. */
@media screen{
#product-shell #workspace-function-rail{padding:4px 12px!important;min-height:46px!important;box-sizing:border-box}
#product-shell #workspace-function-rail .function-tabs{min-height:36px!important;gap:5px!important;padding-bottom:2px;align-items:center;flex-wrap:nowrap}
#product-shell #workspace-function-rail .function-tab{min-height:36px!important;height:36px!important;box-sizing:border-box;min-width:max-content;max-width:none;flex-direction:row;gap:6px!important;padding:5px 9px!important;font-size:12px!important;line-height:1.25!important;white-space:nowrap;border-radius:7px}
#product-shell #workspace-function-rail :is(.function-glyph,.function-glyph:has(.dedicated-function-art),.dedicated-function-art){width:24px!important;height:24px!important;min-width:24px!important;flex-shrink:0;box-shadow:none}
#product-shell #workspace-function-rail :is(.function-glyph .es-icon,.function-tab>.es-icon){width:16px!important;height:16px!important;min-width:16px!important}
}
@media screen and (max-width:767px){
#product-shell #workspace-function-rail{padding:3px 8px!important;min-height:52px!important}
#product-shell #workspace-function-rail .function-tabs{min-height:44px!important}
#product-shell #workspace-function-rail .function-tab{height:44px!important;min-height:44px!important;padding:5px 7px!important}
}