/* Final shared layer: title variants and standalone workspace shells. */
body#crm-ui :is(#main-content .crm-reference-header,.desk-welcome,.dh-banner){box-sizing:border-box!important;min-width:0!important;min-height:0!important;position:relative!important;transform:none!important;background:#087b7b!important;color:#fff!important;border:0!important;border-radius:18px!important;padding:18px 20px 28px!important;margin:0!important;gap:14px!important;overflow:visible!important}
body#crm-ui #main-content .crm-reference-header:not(.dashboard-header){display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important}
body#crm-ui .crm-reference-header :is(h1,h2){color:#fff!important;line-height:1.2!important;margin:3px 0 6px!important;overflow-wrap:anywhere!important}
body#crm-ui #main-content .crm-reference-header h1{font-size:clamp(23px,2.2vw,30px)!important}
body#crm-ui .crm-reference-header p{color:#e3f4f3!important;line-height:1.45!important;margin:4px 0!important;max-width:75ch}
body#crm-ui .crm-reference-header::before,body#crm-ui .crm-reference-header::after{content:none!important;animation:none!important}
body#crm-ui #main-content .page-heading{display:block!important;min-width:0!important;margin:0 0 16px!important}
body#crm-ui #main-content .page-heading>.header-nav:not([hidden]){position:relative!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;width:100%!important;box-sizing:border-box!important;background:transparent!important;border:0!important;margin:-16px 0 0!important;padding:0 16px 4px!important;overflow:visible!important;transform:none!important;z-index:2!important}
body#crm-ui #main-content .page-heading>.header-nav>:is(a,button){display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;min-height:40px!important;height:auto!important;padding:8px 14px!important;margin:0!important;gap:8px!important;border:1px solid #d8dfd4!important;border-radius:24px!important;background:#edf3df!important;color:#183c40!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.3!important;transform:none!important}
body#crm-ui #main-content .page-heading>.header-nav>:is(.active,[aria-current=page]){background:#f3d44f!important;border-color:#c9ab28!important}
body#crm-ui #main-content .page-heading>.header-nav .module-nav-label{display:block!important;position:static!important;opacity:1!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;white-space:normal!important;overflow:visible!important}
body#crm-ui #main-content .page-heading>.header-nav :is(.module-nav-icon,.crm-action-icon){display:inline-flex!important;flex:0 0 24px!important;width:24px!important;height:24px!important;border-radius:50%!important;background:#173e46!important;color:#fff!important;align-items:center!important;justify-content:center!important;padding:4px!important;box-sizing:border-box!important}
body#crm-ui #main-content .page-heading>.header-nav svg{width:16px!important;height:16px!important}
body#crm-ui .desk-overview{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:12px 0 18px!important}
body#crm-ui .desk-overview>button{min-width:0!important;min-height:56px!important;background:#f3d44f!important;color:#183c40!important;border-radius:28px!important;white-space:normal!important}
body#crm-ui .desk-overview [data-desk-icon],body#crm-ui .dh-button-icon{display:inline-flex!important;width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:50%!important;background:#173e46!important;color:#fff!important;align-items:center!important;justify-content:center!important}
body#crm-ui .crm-reference-header :is(a,button):focus-visible,body#crm-ui .header-nav :is(a,button):focus-visible{outline:3px solid #ffe16a!important;outline-offset:3px!important}
body#crm-ui [hidden]{display:none!important}
@media(max-width:700px){body#crm-ui :is(#main-content .crm-reference-header,.desk-welcome,.dh-banner){padding:14px 12px 28px!important}body#crm-ui #main-content .page-heading>.header-nav:not([hidden]){padding:0 8px 4px!important;gap:6px!important}body#crm-ui #main-content .page-heading>.header-nav>:is(a,button){min-height:44px!important;padding:8px 10px!important}body#crm-ui .desk-overview{grid-template-columns:minmax(0,1fr)!important}}

/* R62 Fix1: latest supplied reference is authoritative (174754).
   Neutral pale tabs, selected yellow, dark teal gradient. No green pills. */
body#crm-ui{--ref-tab:linear-gradient(180deg,#fff 0%,#f6fafb 48%,#e7f0f2 51%,#edf5f6 100%);--ref-selected:linear-gradient(180deg,#fff28a 0%,#ffe35c 48%,#ffd72c 51%,#f3c824 100%)}
body#crm-ui :is(#main-content .crm-reference-header,.desk-welcome,.dh-banner){background:linear-gradient(110deg,#12323d 0%,#1d6573 100%)!important;border-radius:12px!important}
body#crm-ui #main-content .page-heading>.header-nav>:is(a,button){background:var(--ref-tab)!important;background-image:var(--ref-tab)!important;color:#193d43!important;border-color:#d4e3e6!important;min-height:34px!important;padding:7px 13px!important;font-size:13px!important;box-shadow:inset 0 1px #fff,0 3px 6px #1c495314!important}
body#crm-ui #main-content .page-heading>.header-nav>:is(.active,[aria-current=page],[aria-selected=true]){background:var(--ref-selected)!important;background-image:var(--ref-selected)!important;border-color:#dfbd33!important;color:#193d43!important}
/* Context labels in the reference have no dark circular icon badge. */
body#crm-ui #main-content .page-heading>.header-nav :is(.module-nav-icon,.crm-action-icon){display:none!important}
/* Only page-header actions receive the new pale surface. Global toolbar,
   content actions, dialogs, spreadsheet controls and sticky hanger retain R56. */
body#crm-ui #main-content .crm-reference-header :is(button,a.button,a.secondary,a.btn){background:var(--ref-tab)!important;background-image:var(--ref-tab)!important;color:#193d43!important;border:1px solid #c9dce0!important;border-radius:22px!important;text-shadow:none!important}
body#crm-ui #main-content .crm-reference-header :is(button,a.button,a.secondary,a.btn) :is(.crm-action-icon,.crm-line-icon,.crm-icon-accent,svg){color:#24515a!important;stroke:#24515a!important}
body#crm-ui #home .desk-overview{display:flex!important;flex-wrap:wrap!important;grid-template-columns:none!important;gap:8px!important;position:relative!important;margin:-16px 0 18px!important;padding:0 16px!important;z-index:2!important}
body#crm-ui #home .desk-overview>button{background:var(--ref-tab)!important;background-image:var(--ref-tab)!important;border-radius:22px!important;min-height:34px!important;padding:7px 13px!important;font-size:13px!important;width:auto!important;flex:0 1 auto!important}
body#crm-ui #home .desk-overview>button[aria-pressed=true]{background:var(--ref-selected)!important;background-image:var(--ref-selected)!important}
body#crm-ui #home .desk-overview [data-desk-icon]{display:none!important}

@media(max-width:700px){body#crm-ui #main-content .page-heading>.header-nav>:is(a,button),body#crm-ui #home .desk-overview>button{min-height:44px!important}}

/* Website shell: consistent reading width and readable worksheet actions. */
body#crm-ui #workspace-home,body#crm-ui .desk-app{width:min(1600px,calc(100% - 48px))!important;margin-inline:auto!important;box-sizing:border-box!important}
body#crm-ui #editor .sheet-insert-bar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:12px!important;margin:10px 0!important;background:#eff7f8!important;border:1px solid #cfdee1!important;border-radius:12px!important}
body#crm-ui #editor .sheet-insert-bar button{min-height:40px!important;background:var(--ref-tab)!important;background-image:var(--ref-tab)!important;color:#193d43!important;padding:8px 13px!important;border:1px solid #c9dce0!important;border-radius:22px!important}
body#crm-ui #editor .sheet-insert-bar span{font-size:13px;color:#45636a;flex:1 1 260px}
body#crm-ui #editor .ribbon{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:6px!important}
@media(max-width:700px){body#crm-ui #workspace-home,body#crm-ui .desk-app{width:calc(100% - 24px)!important}body#crm-ui #editor .sheet-insert-bar button{min-height:44px!important}}