/* Shared application chrome. Dashboard metric and chart colours remain original. */
body .chart-tooltip{position:fixed;z-index:1000;pointer-events:none;max-width:min(310px,calc(100vw - 24px));padding:15px 18px;border:1px solid var(--line);border-radius:13px;background:var(--sidebar);color:var(--ink);box-shadow:0 12px 38px #0005;font:400 12px/1.65 var(--sans)}
body .chart-tooltip strong{display:block;font-size:13px;margin-bottom:6px}body .chart-tooltip span{display:block;white-space:pre-line;color:var(--muted)}
body svg [data-chart-tooltip]:focus{outline:none;filter:drop-shadow(0 0 4px var(--blue))}
body .brand-account-row{display:flex;align-items:center;gap:9px;width:100%}body .brand-account-row select{flex:1;min-width:0}
body .brand-logo-window{position:relative;display:block;width:46px;height:46px;flex:none;overflow:hidden;border-radius:9px;background:#fff}
body .brand-logo-window img{display:block;width:100%;height:100%;object-fit:contain}
body [data-brand=citroen] .brand-logo-window img{max-width:none;width:92px;height:46px;object-fit:fill;transform:translateX(-46px)}
body .report-brand-logo[data-brand=citroen] img{max-width:none;width:92px;height:46px;object-fit:fill;transform:translateX(-46px)}
body .report-export-preview{position:relative;min-height:85px;padding-left:78px}body .report-export-preview .report-brand-logo{position:absolute;left:16px;top:16px}
/* The sidebar provides navigation; omit the duplicate Dashboard strip. */
body .page-navigation{display:none}
body .page-navigation .navigation-back{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-weight:600;white-space:nowrap}
body .page-navigation .navigation-back:hover{background:var(--panel-alt)}
body .navigation-trail{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--muted)}
body .navigation-trail a,body .navigation-trail button{font:inherit;background:none;border:0;padding:3px 0;color:var(--muted);cursor:pointer;text-decoration:none}
body .navigation-trail a:hover,body .navigation-trail button:hover{text-decoration:underline;color:var(--ink)}
body .navigation-trail [aria-current=page]{color:var(--ink)}
body .topbar .premium-open,body.portal-ui .topline .premium-open{width:auto;min-width:80px;flex-shrink:0;padding:8px 10px;gap:7px}
body .premium-open span{font:500 12px var(--sans)}
body #closeDialog,body #closeDetail,body [data-simple=close],body [data-premium=close-apps]{width:auto;min-width:58px;font:500 12px var(--sans);padding:8px 12px;flex-shrink:0}
@media(max-width:600px){body .page-navigation{gap:6px 14px;margin-bottom:16px}body .page-navigation .navigation-trail{font-size:11px}body .page-navigation .navigation-back{min-height:36px}body .topbar,body.portal-ui .topline{flex-wrap:wrap;height:auto;min-height:68px}}
:root,html[data-theme=dark],html[data-appearance=dark]{--bg:#101010;--sidebar:#171717;--panel:rgba(255,255,255,.035);--panel-alt:rgba(255,255,255,.065);--panel-raised:#252525;--text:#f3f3f3;--ink:#f3f3f3;--muted:#aeaeae;--faint:#898989;--line:rgba(255,255,255,.11);--sans:"Segoe UI Variable","Segoe UI",Arial,sans-serif;--premium-rail:260px;color-scheme:dark}
:root[data-theme=light],:root[data-appearance=light]{--premium-rail:260px;--bg:#fff;--sidebar:#f7f7f8;--panel:rgba(250,250,250,.8);--panel-alt:#f3f3f3;--panel-raised:#efefef;--ink:#171717;--text:#171717;--muted:#606060;--faint:#737373;--line:rgba(0,0,0,.1);color-scheme:light}
/* Keep the green/cyan/gold/red dashboard identity readable on white. */
:root[data-appearance=light]{--green:#07865e;--positive:#07865e;--cyan:#087f99;--yellow:#ad7100;--neutral:#ad7100;--red:#d92d4b;--negative:#d92d4b;--blue:#2559d6;--blue-solid:#2559d6;--blue-wash:#edf2fc;--violet:#7950cc}
html:is([data-theme=light],[data-appearance=light]) body .sidebar{scrollbar-color:#d0d0d0 transparent}
html:is([data-theme=light],[data-appearance=light]) body .sidebar .profile-avatar,html:is([data-theme=light],[data-appearance=light]) body .sidebar .avatar{background:#e8e8e8;color:#242424}
html:is([data-theme=light],[data-appearance=light]) body .panel,html:is([data-theme=light],[data-appearance=light]) body .attention-panel{box-shadow:0 2px 12px #00000003}
html:is([data-theme=light],[data-appearance=light]) body dialog{background:#fffffff5;box-shadow:0 20px 80px #0002;border-color:#dedede}
html:is([data-theme=light],[data-appearance=light]) body dialog::backdrop{background:#18181830;backdrop-filter:blur(6px)}
html[data-appearance=light] body.portal-ui dialog.premium-dialog{background:#fffffff5}
html:is([data-theme=light],[data-appearance=light]) body .premium-app-link:hover,html[data-appearance=light] body.portal-ui .workspace-choices button{background:#f6f6f6}
body #themeToggle,html[data-product] body .care-theme-toggle{width:auto;height:36px;min-width:72px;padding:8px 12px;font:500 12px var(--sans);display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;color:var(--ink);border:1px solid var(--line)}
html[data-appearance=light] body.portal-ui .panel,html[data-appearance=light] body.portal-ui .connection-card{border-radius:16px;background:var(--panel);box-shadow:0 2px 12px #00000003}
html[data-appearance=light] body.portal-ui .sidebar .nav-links a.active{background:#e9e9e9;color:var(--ink)}
html[data-appearance=light] body.portal-ui .test-label{background:transparent;color:var(--muted)}
html[data-appearance=light] body.portal-ui .premium-button{border-color:var(--line);background:transparent;color:var(--ink)}
html[data-appearance=light] body.portal-ui .premium-button:hover{background:#ececec}
body,body.portal-ui{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body .sidebar{background:var(--sidebar);border-right:1px solid var(--line);padding:20px 16px;width:var(--premium-rail);scrollbar-width:thin;scrollbar-color:#444 transparent}
body:not(.portal-ui)>.sidebar{position:fixed;inset:0 auto 0 0;height:100dvh;display:flex;flex-direction:column;z-index:40}
body:not(.portal-ui)>.shell{margin-left:var(--premium-rail)}
body.portal-ui .shell{grid-template-columns:var(--premium-rail) minmax(0,1fr)}
body .sidebar .brand,body.portal-ui .sidebar .logo{font:600 23px/1.15 var(--sans);letter-spacing:-.7px;margin:0;padding:4px 0;gap:10px;color:var(--ink)}
body .sidebar .signal-mark,body.portal-ui .logo svg{width:30px;height:30px}
body .sidebar .brand-copy small{font:400 10px var(--sans);margin-top:5px;color:var(--muted)}
body .sidebar .product-edition,body.portal-ui .sidebar .tagline{font-size:10px;letter-spacing:.04em;color:var(--faint);margin:12px 0 18px;padding:0}
body .sidebar .workspace,body.portal-ui .sidebar .workspace{border:1px solid var(--line);border-radius:12px;background:rgba(127,127,127,.045);padding:12px;margin:12px 0;gap:10px}
body .sidebar select,body .sidebar .workspace-switch{font:400 12px var(--sans);color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:9px;min-height:38px}
body .sidebar option,body .sidebar optgroup{background:var(--sidebar);color:var(--ink)}
body .sidebar .nav-caption,body.portal-ui .sidebar .nav-label{font:500 10px/1.4 var(--sans);color:var(--faint);letter-spacing:.055em;margin:22px 10px 9px}
body .sidebar nav a,body.portal-ui .sidebar .nav-links a{font:400 13px/1.4 var(--sans);min-height:40px;padding:10px 12px;margin:2px 0;border:0;border-radius:9px;color:var(--muted);display:flex;align-items:center;gap:11px}
body .sidebar nav a.active,body .sidebar nav a:hover,body.portal-ui .sidebar .nav-links a.active,body.portal-ui .sidebar .nav-links a:hover{color:var(--ink);background:rgba(127,127,127,.15)}
body .experience-switch{background:rgba(127,127,127,.08);padding:3px;border:1px solid var(--line);border-radius:10px;margin:5px 0 15px}
body .experience-switch button{font:500 12px var(--sans);color:var(--muted);min-height:36px;border-radius:7px}
body .experience-switch button[aria-pressed=true]{background:rgba(127,127,127,.2);color:var(--ink);box-shadow:0 1px 4px #0002}
body .connected-product,body .care-connected-products,body .sidebar-note{display:none!important}
body .sidebar .workspace-filters{border-top:1px solid var(--line);padding-top:8px;margin-top:18px}
body .sidebar .workspace-filters label,body .account-control label{color:var(--muted);font-size:11px}
body .sidebar .account-control{margin:8px 0 12px}
body .sidebar .profile,body .sidebar-foot{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}
body .sidebar .profile-avatar,body .sidebar .avatar{background:#333;color:#eee;border-radius:50%}
body .sidebar .appearance-control{display:none}
body .topbar,body.portal-ui .topline{height:68px;min-height:68px;margin:0 32px 28px;padding:0;border-bottom:1px solid var(--line);gap:16px;font:400 12px var(--sans);color:var(--muted)}
body.portal-ui .topline{margin:0 0 30px}
body.portal-ui .main{padding:0 32px 28px;max-width:1800px;width:100%}
body:not(.portal-ui) .shell>main{padding:0 32px 28px;max-width:1800px;margin:auto}
body .breadcrumb{font-size:12px;color:var(--muted)}
body .breadcrumb b{font-weight:500;color:var(--ink)}
body .page-heading h1,body.portal-ui .head h1{font:550 clamp(28px,3vw,40px)/1.2 var(--sans);letter-spacing:-1.1px;margin:12px 0}
body.portal-ui h1{font-family:var(--sans);font-weight:550;letter-spacing:-1px}
body.portal-ui .login h1,body.portal-ui .auth h1{font-size:34px}
body .page-heading>.eyebrow,body .page-heading .eyebrow,body.portal-ui .head>.eyebrow{color:var(--muted);font-size:10px;letter-spacing:.12em}
body .page-heading p,body.portal-ui .head p{font:400 13px/1.7 var(--sans);color:var(--muted)}
body .page-heading .heading-dot{display:none}
body .page-heading .eyebrow:before{background:var(--faint)}
body .panel,body .attention-panel,body.portal-ui .panel,body.portal-ui .connection-card{background:var(--panel);border-color:var(--line);border-radius:16px;box-shadow:0 8px 30px #0000000a;backdrop-filter:blur(12px)}
/* Deliberately retain all original metric accents, gradients and chart styles. */
body .panel h2,body .attention-panel h2,body.portal-ui .panel h2{font-family:var(--sans);font-weight:500;letter-spacing:-.5px}
body .panel h2 em{font-family:inherit}
body button,body input,body select,body textarea{font-family:var(--sans)}
body button:focus-visible,body a:focus-visible,body select:focus-visible,body input:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
body .sidebar .button,body .sidebar button.quiet{background:rgba(127,127,127,.09);color:var(--ink);border-color:var(--line);border-radius:9px}
body .icon-button,body .care-theme-toggle{border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink)}
body dialog{color:var(--ink);background:var(--sidebar);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 100px #0008;padding:26px;max-width:calc(100vw - 32px)}
body dialog::backdrop{background:#0008;backdrop-filter:blur(7px)}
body dialog h2,body dialog h3{font-family:var(--sans);color:var(--ink)}
body .dialog-top,body .dialog-header{border-color:var(--line)}
body.portal-ui dialog,body.portal-ui #dialog{background:#1b1b1bf5;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 100px #0008;padding:26px;backdrop-filter:blur(18px)}
body.portal-ui #dialog:has(.workspace-choices),body.portal-ui #dialog:has(.portal-choices){width:500px}
body.portal-ui .dialog-top{background:transparent;padding:0 0 18px;margin-bottom:18px}
body.portal-ui #dialogTitle{font:600 22px/1.3 var(--sans);letter-spacing:-.4px}
body.portal-ui #dialogBody{padding:0}
body.portal-ui #dialogBody h2,body.portal-ui #dialogBody h3{font-family:var(--sans);font-weight:500;letter-spacing:-.4px}
body.portal-ui #closeDialog{width:36px;height:36px;border:1px solid var(--line);border-radius:10px}
body.portal-ui .workspace-choices button{border-radius:12px;background:rgba(255,255,255,.035);color:var(--ink)}
html[data-appearance=light] body.portal-ui #dialog{background:#fafafaf5}
body.portal-ui .main button:not(.quiet):not(.care-theme-toggle):not(.premium-button):not([data-appearance-choice]),body .auth button[type=submit]{border-radius:10px}
body .premium-brand-caption{display:block;color:var(--faint);font:500 10px var(--sans);letter-spacing:.04em;margin:16px 2px 0}
body .premium-controls{display:flex;gap:8px;align-items:center;margin:16px 0 8px}
body .premium-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);font:500 12px var(--sans);cursor:pointer;min-height:38px}
body .premium-button:hover{background:rgba(127,127,127,.15)}
body .premium-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
body .premium-apps{flex:1;justify-content:flex-start}
body .premium-open{flex-shrink:0}
body .dashboard-menu,body .dashboard-nav-close,body .menu-toggle{display:none!important}
body.premium-collapsed:not(.portal-ui)>.sidebar{display:none}
body.premium-collapsed:not(.portal-ui)>.shell{margin-left:0}
body.portal-ui.premium-collapsed .shell{grid-template-columns:minmax(0,1fr)}
body.portal-ui.premium-collapsed .sidebar{display:none}
body .premium-dialog{width:460px}
body .premium-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
body .premium-dialog h2{font:600 22px var(--sans);margin:0}
body .premium-dialog p{color:var(--muted);font:400 13px/1.6 var(--sans);margin:8px 0 22px}
body .premium-app-link{display:flex;gap:16px;align-items:center;text-decoration:none;color:var(--ink);padding:18px 14px;margin:8px 0;border:1px solid var(--line);border-radius:12px}
body .premium-app-link:hover{background:rgba(127,127,127,.12)}
body .premium-app-link strong{display:block;font:500 15px var(--sans)}
body .premium-app-link small{display:block;color:var(--muted);margin-top:5px;font:400 12px var(--sans)}
body .premium-app-mark{font:550 25px var(--sans);width:36px}
body .premium-app-state{margin-left:auto;color:var(--muted);font-size:11px}
body .premium-scrim{display:none}
body .premium-preview-badge{color:var(--muted);font:400 11px var(--sans);padding:5px 10px;border:1px solid var(--line);border-radius:20px;white-space:nowrap}
@media(max-width:900px){
 body:not(.portal-ui)>.shell{margin-left:0}body.portal-ui .shell{grid-template-columns:minmax(0,1fr)}
 body:not(.premium-mobile-open) .sidebar{display:none!important}
 body.premium-mobile-open .sidebar,body.portal-ui.premium-mobile-open .sidebar{display:flex!important;position:fixed;inset:0 auto 0 0;height:100dvh;width:min(300px,86vw);z-index:100;overflow-y:auto}
 body.premium-mobile-open .premium-scrim{display:block;position:fixed;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#0008;backdrop-filter:blur(3px);z-index:90}
 body.premium-mobile-open{overflow:hidden}
 body .topbar,body.portal-ui .topline{margin-left:18px;margin-right:18px;gap:10px}
 body.portal-ui .topline{margin-left:0;margin-right:0}
 body.portal-ui .main,body:not(.portal-ui) .shell>main{padding-left:18px;padding-right:18px}
 body .breadcrumb{font-size:11px}body .premium-preview-badge{display:none}
}
@media(prefers-reduced-motion:no-preference){body .premium-button,body .sidebar nav a{transition:background .15s ease}body dialog[open]{animation:premium-appear .16s ease-out}body.premium-mobile-open .sidebar{animation:premium-slide .18s ease-out}@keyframes premium-slide{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes premium-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}}

/* Simplified information architecture: product, account, work, settings, profile. */
body.simple-navigation .sidebar{display:flex;flex-direction:column;padding:16px 14px;gap:0}
body.simple-navigation .sidebar>.brand,body.simple-navigation .sidebar>.logo,body.simple-navigation .sidebar>.tagline,body.simple-navigation .sidebar>.product-edition,body.simple-navigation .sidebar>.nav-caption,body.simple-navigation .sidebar>.sidebar-foot,body.simple-navigation .sidebar>.profile,body.simple-navigation .sidebar [data-action="choose-portal"],body.simple-navigation [aria-label="Workspace access"],body.simple-navigation #accountGroup,body.simple-navigation [data-product-link-nav],body.simple-navigation .premium-brand-caption,body.simple-navigation .simple-breadcrumb-old{display:none!important}
body.simple-navigation #dashboard-sidebar>.workspace,body.simple-navigation:not([data-unused]) .sidebar>.workspace:not(button),body.simple-navigation .sidebar .workspace-switch:not(.simple-account){display:none!important}
body.simple-navigation .premium-controls{margin:0 0 20px;gap:4px}
body.simple-navigation .premium-controls .premium-apps{border:0;font:600 21px var(--sans);padding:8px 4px;gap:10px;background:transparent}
body.simple-navigation .simple-product-mark{font-size:24px;font-weight:600}
body.simple-navigation .simple-chevron{font-size:15px;color:var(--muted);margin-left:auto}
body.simple-navigation .premium-controls>[data-premium="toggle"]{border:0;padding:8px}
body.simple-navigation .account-control{margin:0 0 24px}
body.simple-navigation .account-control label,body.simple-navigation .simple-connection-account label{display:block;font:500 11px var(--sans);color:var(--muted);margin:0 0 7px 6px}
body.simple-navigation .account-control select,body.simple-navigation .simple-connection-account select{width:100%;height:46px;border-radius:10px;padding:10px 12px;font:500 13px var(--sans);opacity:1;color:var(--ink)}
body.simple-navigation .care-account-selector{margin:0 0 24px!important}
body.simple-navigation .simple-account{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px;width:100%;font:500 13px var(--sans);padding:13px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:10px}
body.simple-navigation .sidebar>nav{padding:0;margin:0;border:0}
body.simple-navigation .sidebar nav a,body.simple-navigation .simple-nav-button{display:flex;align-items:center;gap:12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:400 13px/1.4 var(--sans);padding:12px;margin:2px 0;width:100%;min-height:43px;text-align:left;text-decoration:none;cursor:pointer}
body.simple-navigation .simple-nav-button:hover{background:rgba(127,127,127,.15);color:var(--ink)}
body.simple-navigation .simple-nav-button{justify-content:flex-start}
body.simple-navigation .sidebar nav a.active{background:rgba(127,127,127,.15);color:var(--ink)}
body.simple-navigation .simple-nav-button:disabled{opacity:.5;cursor:wait}
body.simple-navigation .simple-nav-button svg,body.simple-navigation .sidebar nav a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
body.simple-navigation .sidebar nav a .simple-label{font:inherit;line-height:inherit;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit}
body.simple-navigation .simple-footer{position:static;margin-top:auto;padding:12px 0 16px;flex-shrink:0;background:var(--sidebar)}
body.simple-navigation .simple-session{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}
body.simple-navigation .simple-session>.simple-user-name{display:block;padding:4px 12px;color:var(--muted);font:400 11px/1.4 var(--sans)}
body.simple-navigation .simple-signout{color:var(--ink)}
body.simple-navigation .simple-profile{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:14px 8px 4px;margin-top:12px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font:400 13px var(--sans);cursor:pointer}
body.simple-navigation .simple-profile>span:last-child{margin-left:auto}
body.simple-navigation .simple-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--panel-raised);font-size:12px}
body.simple-navigation .simple-breadcrumb{padding:0;font:400 12px var(--sans);color:var(--muted)}
body.simple-navigation #themeToggle,body.simple-navigation .care-theme-toggle{display:none!important}
body.simple-navigation .simple-report-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;margin:24px 0 10px}
body.simple-navigation .simple-report-controls .experience-switch{width:176px;flex-shrink:0;margin:0;height:43px;align-self:flex-end}
body.simple-navigation .simple-report-controls .experience-switch button{flex:1;min-height:35px}
body.simple-navigation .simple-report-controls label{display:block;font:500 11px var(--sans);color:var(--muted);margin:0 0 6px}
body.simple-navigation .simple-brand-filter{min-width:135px}
body.simple-navigation .simple-report-controls select{display:block;width:100%;min-height:43px;margin-top:6px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:8px 12px;font:400 12px var(--sans)}
body.simple-navigation .simple-report-controls select option,body.simple-navigation .simple-report-controls select optgroup{background:var(--sidebar)}
body.simple-navigation .simple-report-controls .workspace-filters{display:contents}
body.simple-navigation .simple-filter-field{min-width:170px;flex:1;max-width:250px}
body.simple-navigation .simple-report-controls .nav-caption,body.simple-navigation #reportClock,body.simple-navigation #export{display:none}
body.simple-navigation #customDates:not([hidden]){flex-basis:100%;order:9}
body.simple-navigation .simple-report-controls+.toolbar{margin-top:16px}
body.simple-navigation .sidebar .workspace-filters{display:block}
body.simple-navigation .simple-sidebar-brand{margin-bottom:14px}
body.simple-navigation .simple-sidebar-brand label{display:block;margin:0 0 6px;font:500 11px var(--sans);color:var(--muted)}
body.simple-navigation .simple-sidebar-brand select{width:100%;padding:8px 12px}
body .simple-menu{max-height:80dvh;overflow:auto}
body .simple-menu header{position:static;background:transparent;padding:0;border:0;display:flex;justify-content:space-between;gap:16px}
body .simple-menu-item{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:15px 12px;margin:4px 0;border:0;border-radius:10px;background:transparent;color:var(--ink);text-align:left;text-decoration:none;font:500 14px var(--sans);cursor:pointer}
body .simple-menu-item:hover{background:rgba(127,127,127,.1)}
body .simple-menu-item small{display:block;font:400 12px/1.5 var(--sans);color:var(--muted);margin-top:5px}
body .simple-menu h3{font:500 11px var(--sans);color:var(--muted);padding:20px 12px 6px;border-top:1px solid var(--line);margin-top:16px}
body.simple-connection .sidebar{overflow:auto;height:100dvh}
body.simple-connection .topbar{background:transparent;padding:0;justify-content:flex-start;align-items:center}
body.simple-connection .topbar .premium-button{margin:0}
body.simple-connection .topbar .premium-preview-badge{margin-left:auto;line-height:16px}
body.simple-connection .shell>main{font:400 14px/1.65 var(--sans)}
body.simple-connection #content h2{font:500 25px/1.3 var(--sans)}
body.simple-connection .shell>main{margin-top:0;padding-top:20px}
body.simple-connection .shell>main>h1{font:550 36px var(--sans)}
body.simple-connection .shell>main>.intro{color:var(--muted)}
body.simple-connection #content{background:var(--panel);border-color:var(--line);border-radius:16px}
body.simple-connection .mapping{color:var(--ink);border-color:var(--line)}
body.simple-connection .simple-connection-account{margin-bottom:24px}
body.simple-connection #content>label:has(#account){display:none}
@media(max-width:600px){body.simple-navigation .simple-report-controls{gap:10px}body.simple-navigation .simple-report-controls .experience-switch,body.simple-navigation .simple-brand-filter,body.simple-navigation .simple-filter-field{flex:1 1 44%;min-width:135px;max-width:none}body.simple-navigation .premium-controls{flex-wrap:nowrap}body.simple-navigation .simple-footer{padding-top:20px}}

/* Keep numeric KPIs inside their own cards and the sentiment ring. */
body .metric{min-width:0;container-type:inline-size}
body .metric .metric-value,body #teamMetrics .metric-value{
 font-family:var(--sans);font-weight:500;font-size:clamp(26px,22cqi,48px);
 font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.035em;
 line-height:1.15;white-space:nowrap;max-width:100%;min-width:0
}
body .metric .metric-value small{font-size:.52em;line-height:1;flex:none}
body .sentiment-visual{width:180px;max-width:100%;height:auto;aspect-ratio:1;container-type:inline-size}
body .sentiment-visual svg{display:block;width:100%;height:100%}
body .sentiment-visual .ring-label{inset:18%;width:64%;height:64%;gap:7px}
body .sentiment-visual .ring-label strong{
 font:500 clamp(20px,16.5cqi,30px)/1.1 var(--sans);font-variant-numeric:lining-nums tabular-nums;
 letter-spacing:-.035em;white-space:nowrap;max-width:100%
}
body .sentiment-visual .ring-label span{font:500 8px/1.2 var(--sans);letter-spacing:.1em;margin:0}
body #team .hbar-row{grid-template-columns:minmax(110px,150px) minmax(24px,1fr) max-content;gap:16px}
body #team .hbar-row>b{min-width:112px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:680px){
 body #team .hbar-row{grid-template-columns:minmax(80px,100px) minmax(20px,1fr) max-content;gap:10px}
 body #team .hbar-row>b{min-width:0;font-size:10px}
}

/* Restore the dashboard colour identity on feedback, team and location KPIs. */
body :is(#voiceMetrics,#teamMetrics,#branchMetrics) .metric{
 --metric-accent:var(--cyan);border-top:3px solid var(--metric-accent);padding-top:16px;
 background:linear-gradient(180deg,color-mix(in srgb,var(--metric-accent) 9%,transparent),transparent 85%)
}
body :is(#voiceMetrics,#teamMetrics,#branchMetrics) .metric-value{color:var(--metric-accent)}
body #voiceMetrics .metric:nth-child(2),body #teamMetrics .metric:nth-child(2),body #branchMetrics .metric:nth-child(3){--metric-accent:var(--positive)}
body #voiceMetrics .metric:nth-child(3){--metric-accent:var(--negative)}
body #voiceMetrics .metric:nth-child(4),body #teamMetrics .metric:nth-child(4),body #branchMetrics .metric:nth-child(4){--metric-accent:var(--neutral)}
body #teamMetrics .metric:nth-child(3){--metric-accent:var(--blue)}
body .team-leaderboard{list-style:none;margin:0;padding:0}
body .leaderboard-row{--place-color:var(--positive);display:grid;grid-template-columns:56px minmax(110px,160px) minmax(30px,1fr) 104px;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}
body .leaderboard-row.place-1{--place-color:#e5b93f}
body .leaderboard-row.place-2{--place-color:#aebccc}
body .leaderboard-row.place-3{--place-color:#ca8951}
body .leaderboard-rank{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:50px;min-height:50px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}
body .leaderboard-row:is(.place-1,.place-2,.place-3) .leaderboard-rank{color:var(--place-color);border-color:color-mix(in srgb,var(--place-color) 45%,transparent);background:color-mix(in srgb,var(--place-color) 12%,transparent)}
body .leaderboard-rank>b{font:600 21px/1 var(--sans);font-variant-numeric:tabular-nums}
body .leaderboard-rank>small{font:500 9px/1.2 var(--sans)}
body .leaderboard-person{min-width:0;display:flex;flex-direction:column;gap:5px;font-size:12px}
body .leaderboard-person>small,body .leaderboard-score>small{color:var(--muted);font-size:10px}
body .leaderboard-track{height:9px;background:var(--panel-alt);border-radius:9px;overflow:hidden}
body .leaderboard-track>i{display:block;height:100%;background:var(--place-color);border-radius:inherit}
body .leaderboard-score{display:flex;flex-direction:column;align-items:flex-end;gap:5px;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:15px}
html:is([data-theme=light],[data-appearance=light]) .leaderboard-row.place-1{--place-color:#9a7100}
html:is([data-theme=light],[data-appearance=light]) .leaderboard-row.place-2{--place-color:#61738a}
html:is([data-theme=light],[data-appearance=light]) .leaderboard-row.place-3{--place-color:#9a5b2d}
@media(max-width:680px){
 body .leaderboard-row{grid-template-columns:42px minmax(80px,1fr) 92px;gap:10px}
 body .leaderboard-rank{width:40px;min-height:44px;grid-row:1/3}
 body .leaderboard-person{grid-column:2;grid-row:1}
 body .leaderboard-score{grid-column:3;grid-row:1;font-size:14px}
body .leaderboard-track{grid-column:2/4;grid-row:2;height:6px}
}

/* Performance colours express target attainment, independently of medal rank. */
body [data-kpi-status=green]{--kpi-color:var(--positive)}
body [data-kpi-status=yellow]{--kpi-color:var(--neutral)}
body [data-kpi-status=red]{--kpi-color:var(--negative)}
body [data-kpi-status=none]{--kpi-color:var(--muted)}
body :is(#metrics,#voiceMetrics,#teamMetrics,#branchMetrics) .metric[data-kpi-status]{
 --metric-accent:var(--kpi-color);height:auto;min-height:0;border-top:3px solid var(--kpi-color);padding-top:16px;
 background:linear-gradient(180deg,color-mix(in srgb,var(--kpi-color) 9%,transparent),transparent 85%)
}
body :is(#metrics,#voiceMetrics,#teamMetrics,#branchMetrics) .metric[data-kpi-status] .metric-value{color:var(--kpi-color)}
body .kpi-comparison{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0;font:400 12px/1.45 var(--sans);font-variant-numeric:tabular-nums}
body .kpi-flag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:7px;border:1px solid color-mix(in srgb,var(--kpi-color) 40%,transparent);color:var(--kpi-color);background:color-mix(in srgb,var(--kpi-color) 10%,transparent);font-weight:600}
body .kpi-flag:before{content:'';height:6px;width:6px;flex:none;border-radius:50%;background:currentColor}
body .kpi-target{color:var(--muted)}
body .kpi-target b{color:var(--ink);font-weight:600}
body .kpi-gap{color:var(--kpi-color);font-weight:600}
body .metric .kpi-comparison{flex-direction:column;align-items:flex-start;align-self:start;gap:6px}
body #metrics .metric[data-kpi-status]{grid-template-rows:auto auto auto 1fr}
body .metric .metric-bottom{height:auto;min-height:24px;flex-wrap:wrap;gap:5px 8px}
body .metric .metric-bottom .kpi-period{color:var(--muted)}
body .kpi-status-guide{font:400 11px/1.6 var(--sans);color:var(--muted);margin:12px 0 28px}
body .leaderboard-row{grid-template-columns:56px minmax(100px,160px) minmax(30px,1fr) 168px}
body .kpi-comparison.compact{font-size:10px;gap:4px 8px;margin:7px 0 0;white-space:normal}
body .leaderboard-score .kpi-comparison{justify-content:flex-end;text-align:right;max-width:168px}
body .kpi-comparison.compact .kpi-flag{padding:3px 6px}
body .analysis-table .kpi-comparison{min-width:140px;max-width:190px}
body .branch-values [data-kpi-status]>strong{color:var(--kpi-color)}
body .branch-values>div{min-width:0}
html[data-theme=dark]:not([data-appearance=light]) body :is(#metrics,#voiceMetrics,#teamMetrics,#branchMetrics) .metric,
html[data-appearance=dark] body :is(#metrics,#voiceMetrics,#teamMetrics,#branchMetrics) .metric{background:#000}
html[data-theme=dark]:not([data-appearance=light]) body .kpi-flag,
html[data-appearance=dark] body .kpi-flag{background:#000}
body :is(#metrics,#voiceMetrics,#teamMetrics,#branchMetrics) .metric .metric-value,
body :is(#metrics,#voiceMetrics,#teamMetrics,#branchMetrics) .metric[data-kpi-status] .metric-value,
body .branch-values [data-kpi-status]>strong{color:var(--ink)}
body :is(#metrics,#voiceMetrics,#teamMetrics,#branchMetrics) .metric .metric-value small{color:inherit}
@media(max-width:680px){
 body .leaderboard-row{grid-template-columns:42px minmax(60px,1fr) 140px}
 body .leaderboard-score .kpi-comparison{max-width:140px}
 body .branch-values{flex-wrap:wrap;gap:16px}
}
/* Filter and campaign operations stay in their own administration pages. */
.operations-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;align-items:end}
.operations-filters label{margin:0}.operations-filters .actions{align-self:end}
.operations-pager{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px}
.analytics-content{overflow-x:auto}.chart-wrap{max-width:100%;overflow-x:auto}
#dialogBody .metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
#dialogBody .metrics strong{font-size:30px}.operations-filters input,.operations-filters select{min-width:0;width:100%}
.performance-radar-panel{border-top-color:var(--blue)!important}
.performance-radar-panel .analytics-content{padding-top:8px;overflow:hidden}
.radar-legend{display:flex;gap:22px;color:#aaa;font-size:11px;padding:0 0 2px}.radar-legend span{display:flex;align-items:center;gap:8px}
.radar-legend i{width:18px;height:2px;display:inline-block}.radar-current-key{background:#6b9fff}.radar-target-key{border-top:2px dashed #c4c4c4}
.radar-chart{width:100%;max-height:310px;display:block;margin:0 auto}.radar-ring{stroke:#ffffff18;stroke-width:1}.radar-spoke{stroke:#ffffff1c;stroke-width:1}
.radar-axis{fill:#c5c5c5;font:500 12px var(--sans)}.radar-target{fill:none;stroke:#d0d0d0;stroke-width:1.8;stroke-dasharray:6 5;stroke-linejoin:round}
.radar-result{fill:#6b9fff24;stroke:#6b9fff;stroke-width:2.4;stroke-linejoin:round}.radar-point{stroke:#000;stroke-width:2;fill:var(--radar-state,#6b9fff)}
.radar-kpis{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff1c;gap:0}
.radar-kpi{padding:17px 12px 15px 0;display:grid;gap:7px;min-width:0;border-bottom:1px solid #ffffff14}
.radar-kpi:nth-child(even){padding-left:20px;border-left:1px solid #ffffff1c}.radar-kpi>span{font-size:11px;color:#aaa}.radar-kpi strong{font:600 27px/1.05 var(--sans);color:#f5f5f5;letter-spacing:-.7px}
.radar-kpi small{color:#bbb;font-size:10px}.radar-status{display:flex;gap:6px;align-items:center;font-size:10px;font-weight:500;color:var(--radar-state,#aaa)}.radar-status i{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
[data-state=red]{--radar-state:#ff4969}[data-state=yellow]{--radar-state:#ffdf38}[data-state=green]{--radar-state:#20dca6}
[data-theme=light] .radar-kpi strong,[data-appearance=light] .radar-kpi strong{color:#181818}
[data-theme=light] .radar-kpi>span,[data-theme=light] .radar-kpi small,[data-theme=light] .radar-legend,[data-appearance=light] .radar-kpi>span,[data-appearance=light] .radar-kpi small,[data-appearance=light] .radar-legend{color:#606060}
[data-theme=light] .radar-ring,[data-theme=light] .radar-spoke,[data-appearance=light] .radar-ring,[data-appearance=light] .radar-spoke{stroke:#0002}
[data-theme=light] .radar-axis,[data-appearance=light] .radar-axis{fill:#555}
[data-theme=light] .radar-target,[data-appearance=light] .radar-target{stroke:#555}
[data-theme=light] .radar-kpi,[data-theme=light] .radar-kpis,[data-appearance=light] .radar-kpi,[data-appearance=light] .radar-kpis{border-color:#0002}
.campaign-performance-metrics,#dialogBody .campaign-performance-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body .campaign-performance-metrics .metric{background:#000;border:1px solid #ffffff1c;border-top:2px solid var(--radar-state,#555);padding:20px;min-width:0}
body .campaign-performance-metrics .metric strong{color:#f5f5f5!important;font-size:32px;line-height:1.1}
.campaign-status{font-size:11px;color:var(--radar-state,#aaa);line-height:1.7;margin-bottom:8px}
[data-appearance=light] .campaign-performance-metrics .metric{background:#fff;border-color:#0002}
[data-appearance=light] .campaign-performance-metrics .metric strong{color:#181818!important}
@media(max-width:700px){.campaign-performance-metrics,#dialogBody .campaign-performance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.campaign-performance-metrics,#dialogBody .campaign-performance-metrics{grid-template-columns:1fr}}
[data-theme=light] [data-state=red],[data-appearance=light] [data-state=red]{--radar-state:#c62645}
[data-theme=light] [data-state=yellow],[data-appearance=light] [data-state=yellow]{--radar-state:#886500}
[data-theme=light] [data-state=green],[data-appearance=light] [data-state=green]{--radar-state:#087b58}
[data-theme=light] .radar-point,[data-appearance=light] .radar-point{stroke:#fff}
[data-theme=light] .radar-target-key,[data-appearance=light] .radar-target-key{border-color:#555}

/* Six-axis experience radar: polygon grid and directly comparable percentages. */
.performance-radar-panel .analytics-content{padding-top:10px}
.radar-chart{max-height:400px;width:100%;overflow:visible}
.radar-ring{stroke:#ffffff17;stroke-width:1}
.radar-spoke{stroke:#ffffff12}
.radar-tick{fill:#777;font:10px var(--sans)}
.radar-axis{fill:#bcbcbc;font:500 12px var(--sans)}
.radar-axis-value{fill:#f5f5f5;font:600 16px var(--sans)}
.radar-area{stroke-width:2.3;stroke-linejoin:round}
.radar-area.radar-current{fill:#20dca626;stroke:#20dca6}
.radar-area.radar-previous{fill:#9b8afb13;stroke:#a595ec;stroke-dasharray:5 4;stroke-width:1.8}
.radar-dot{stroke:#000;stroke-width:2}
.radar-dot.radar-current{fill:#20dca6}
.radar-dot.radar-previous{fill:#a595ec}
.radar-current-key{background:#20dca6!important}
.radar-previous-key{border-top:2px dashed #a595ec}
.radar-summary{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff1c;padding-top:17px;gap:22px}
.radar-summary span{display:grid;gap:8px}
.radar-summary small{color:#888;font-size:10px}
.radar-summary b{color:#ddd;font-size:11px;font-weight:500;line-height:1.7}
.radar-summary strong{color:#fff;margin-left:6px;white-space:nowrap}
.radar-empty{padding:80px 20px;text-align:center;color:#aaa}
[data-theme=light] .radar-axis-value,[data-appearance=light] .radar-axis-value,
[data-theme=light] .radar-summary b,[data-appearance=light] .radar-summary b,
[data-theme=light] .radar-summary strong,[data-appearance=light] .radar-summary strong{color:#222}
[data-theme=light] .radar-dot,[data-appearance=light] .radar-dot{stroke:#fff}
[data-theme=light] .radar-summary,[data-appearance=light] .radar-summary{border-color:#0002}
[data-theme=light] .radar-area.radar-current,[data-appearance=light] .radar-area.radar-current{stroke:#088f72}
/* Keep axis labels readable in the narrow in-app preview as well as desktop. */
.radar-axis{font-size:16px}
.radar-axis-value{font-size:20px}
.radar-tick{font-size:11px}

/* Compact radar card, with clearer series colours and white values. */
.performance-radar-panel .radar-chart{height:auto;max-height:320px}
.performance-radar-panel .analytics-content{padding-bottom:12px}
.performance-radar-panel .radar-area.radar-current{fill:#15dfb040;stroke:#20edbc;stroke-width:2.7}
.performance-radar-panel .radar-area.radar-previous{fill:#a78bfa2b;stroke:#b49aff;stroke-width:2}
.performance-radar-panel .radar-ring{stroke:#7892c12e}
.performance-radar-panel .radar-dot.radar-current{fill:#20edbc}
.performance-radar-panel .radar-dot.radar-previous{fill:#b49aff}
[data-theme=light] .performance-radar-panel .radar-area.radar-current,[data-appearance=light] .performance-radar-panel .radar-area.radar-current{fill:#08a5822b;stroke:#087e67}
[data-theme=light] .performance-radar-panel .radar-area.radar-previous,[data-appearance=light] .performance-radar-panel .radar-area.radar-previous{fill:#8055d526;stroke:#7750bd}

/* One brand control, location selection within Locations, and consistent CSI bands. */
.location-selection{display:grid;gap:9px;max-width:340px;margin:22px 0}
.location-selection label{color:var(--muted);font-size:12px}
.location-selection select{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font:500 13px var(--sans)}
.selected-location-link{font-size:11px!important;line-height:1.5;margin-top:10px!important}
.trend-panel .chart-point.near-target{fill:var(--neutral)}
.trend-panel .prior-line{stroke:#a595ec!important}
.trend-panel .key.previous{background:#a595ec!important}
.trend-panel .key.near{background:var(--neutral)}
body.simple-navigation .sidebar nav a .simple-label{display:inline}
body.simple-navigation .sidebar nav a svg{display:block}
/* Useful report context without duplicating brand or location controls. */
.report-snapshot{margin-top:16px}
.report-shortcuts{display:flex;gap:7px;margin-bottom:18px}
body.simple-navigation .report-shortcuts button{flex:1;padding:8px 5px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font:600 11px var(--sans);cursor:pointer}
body.simple-navigation .report-shortcuts button[aria-pressed=true]{background:var(--panel-alt);color:var(--ink);border-color:var(--faint)}
body.simple-navigation .report-shortcuts button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.report-scope-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);display:grid;gap:8px}
.report-scope-caption{font-size:9px;letter-spacing:1.3px;color:var(--muted)}
.report-scope-card>strong{font-size:13px;color:var(--ink);font-weight:600}
.report-scope-card>strong span{font-weight:400;color:var(--muted)}
.report-scope-card small{font-size:10px;line-height:1.5;color:var(--muted)}
.report-response-count{display:flex;align-items:baseline;gap:9px;padding:8px 0}
.report-response-count b{font-size:27px;font-weight:600;line-height:1.2;color:var(--ink)}
.report-response-count span{font-size:10px;color:var(--muted)}
.report-comparison{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:13px}
.report-comparison>span{font-size:10px;color:var(--muted)}
.report-comparison strong{font-size:11px;font-weight:500;color:#b5a6ed}
[data-theme=light] .report-comparison strong,[data-appearance=light] .report-comparison strong{color:#7254ad}
.chart-gap{fill:none;stroke-width:1.6;stroke-dasharray:3 5;opacity:.5}
.chart-gap-note{font-size:10px;line-height:1.5;color:var(--muted);margin:8px 0}
.chart-gap-note[hidden]{display:none}
.simple-nav-heading{margin:20px 12px 8px;color:var(--muted);font:500 9px var(--sans);letter-spacing:1.2px;text-transform:uppercase}
.subsana-care-link{border-top:1px solid var(--line)!important;margin-top:14px!important;padding-top:18px!important}
/* Current CSI, last completed quarter, and journey target. */
.performance-radar-panel .radar-area.radar-target{fill:none;stroke:#ffd84d;stroke-width:2;stroke-dasharray:7 5;opacity:.95}
.performance-radar-panel .radar-dot.radar-target{fill:var(--panel);stroke:#ffd84d;stroke-width:1.8}
.performance-radar-panel .radar-area.radar-previous{stroke:#ae91ff;fill:#ae91ff18;stroke-dasharray:3 4;stroke-width:2}
.performance-radar-panel .radar-area.radar-current{stroke:#20edbc;fill:#20edbc26;stroke-width:2.8}
.performance-radar .radar-legend{flex-wrap:wrap;gap:12px 20px}
.performance-radar .radar-legend span{font-size:11px}
.performance-radar .radar-legend small{color:var(--muted);font-size:10px;margin-left:3px}
.performance-radar .radar-target-key{background:none!important;border-top:2px dashed #ffd84d;height:0!important}
[data-theme=light] .performance-radar-panel .radar-area.radar-target,[data-appearance=light] .performance-radar-panel .radar-area.radar-target{stroke:#9a7100}
.radar-scale{text-align:right;color:var(--muted);font:10px var(--sans);padding-top:9px}
[data-theme=light] .radar-axis-value,[data-appearance=light] .radar-axis-value{fill:#202020}
[data-theme=light] .radar-ring,[data-appearance=light] .radar-ring{stroke:#7892c145}
[data-theme=light] .performance-radar-panel .radar-dot.radar-current,[data-appearance=light] .performance-radar-panel .radar-dot.radar-current{fill:#087e67}
[data-theme=light] .performance-radar .radar-current-key,[data-appearance=light] .performance-radar .radar-current-key{background:#087e67!important}
[data-theme=light] .performance-radar .radar-target-key,[data-appearance=light] .performance-radar .radar-target-key{border-color:#9a7100}

/* CVM product heading ribbon — 20260917 */
/* Shared product heading: original CVM ribbon, with a quiet reading area. */
body .product-heading-banner {
  --ink:#f5f7fb; --muted:#c6d0df; --faint:#9daec5; --line:#ffffff26;
  position:relative;
  isolation:isolate;
  color:var(--ink);
  background:#0b111b;
  border:1px solid #9ebcfa24;
  border-radius:14px;
  padding:28px 30px 0;
  margin:0 0 28px;
}
body .product-heading-banner::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(90deg,#0b111bf5 0%,#0b111be8 35%,#0b111b60 74%,#0b111b30),url('https://cvm-me.com/assets/products/cinematic-ribbon.webp') right center/cover no-repeat;
}
body .product-heading-banner > .page-heading,
body.portal-ui .product-heading-banner > .head {
  margin:0;
  padding:0 0 24px;
  background:transparent;
  color:#f5f7fb;
}
body .product-heading-banner h1 {color:#f5f7fb}
body .product-heading-banner .eyebrow,
body .product-heading-banner p,
body .product-heading-banner small {color:#c6d0df}
body .product-heading-banner > :is(.toolbar,.scope-line,.care-scope-toolbar) {
  margin:0;
  padding:17px 0;
  border-top:1px solid #ffffff26;
  border-bottom:0;
  background:transparent;
  color:#d2dbea;
}
body .product-heading-banner :is(.scope-label,.range-summary,.period-summary,.text-button) {color:#d2dbea}
body .product-heading-banner button:focus-visible,
body .product-heading-banner a:focus-visible {outline:2px solid #fff;outline-offset:4px}
@media(max-width:680px){
  body .product-heading-banner{padding:22px 18px 0;margin-bottom:22px;border-radius:10px}
  body .product-heading-banner::before{background-image:linear-gradient(90deg,#0b111bef,#0b111bb3),url('https://cvm-me.com/assets/products/cinematic-ribbon.webp')}
  body .product-heading-banner > :is(.toolbar,.scope-line,.care-scope-toolbar){flex-wrap:wrap;gap:10px}
}
@media print{
  body .product-heading-banner{background:none;border:0;padding:0;--ink:#111;--muted:#444;--faint:#555;--line:#ccc}
  body .product-heading-banner::before{display:none}
  body .product-heading-banner :is(h1,p,small,.eyebrow,.toolbar,.scope-line,.care-scope-toolbar,.scope-label,.range-summary,.period-summary,.text-button){color:#111}
}

/* CVM product login — 20260917 */
/* Product sign-in: original CVM wave, shared identities, restrained neutral form. */
body.product-login-page{margin:0;background:#090d14;color:#f3f6fb;font-family:Manrope,"Segoe UI",Arial,sans-serif;color-scheme:dark}
body.product-login-page #app{min-height:100svh}
.product-login-shell{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;padding:34px clamp(24px,5.3vw,88px) 24px;overflow:hidden;box-sizing:border-box}
.product-login-shell::before{content:"";position:absolute;inset:0;z-index:-2;background:url('https://cvm-me.com/assets/products/cinematic-ribbon.webp') 30% center/cover no-repeat;opacity:.8;pointer-events:none}
.product-login-shell::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090d14cc 0%,#090d1433 52%,#090d14c9 100%),linear-gradient(0deg,#090d14 0%,#090d1400 45%,#090d1477);pointer-events:none}
.login-masthead{display:flex;justify-content:space-between;align-items:center;gap:30px;width:100%;max-width:1440px;margin:0 auto}
.login-product-logo{display:flex;align-items:center;gap:9px;color:#f5f7fc!important;text-decoration:none;font-size:30px;font-weight:600;letter-spacing:-1.3px}
.login-product-logo svg{width:38px;height:38px;flex:none}
.login-cvm{display:grid;grid-template-columns:auto auto;column-gap:17px;row-gap:0;color:#fff!important;text-decoration:none;align-items:center}
.login-cvm-type{font:bold 49px/.95 Arial,sans-serif;letter-spacing:-4px}
.login-cvm-type>span{color:#7097ff}
.login-cvm-region{border-left:1px solid #ffffff40;padding-left:12px;font-size:9px;line-height:1.55;letter-spacing:1.5px;font-weight:700}
.login-cvm small{grid-column:1;text-align:center;white-space:nowrap;letter-spacing:0;font-size:8px;color:#aab8cd;margin-top:8px}
.login-stage{width:100%;max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.8fr);align-items:center;gap:clamp(40px,7vw,110px);padding:65px 0 70px;flex:1}
.login-story{max-width:670px}
.login-category{font-size:10px;letter-spacing:2.5px;font-weight:600;color:#bccbe2;margin:0 0 25px;display:flex;align-items:center;gap:13px}
.login-category::before{content:"";width:28px;height:1px;background:#87a9ef}
.login-story h2{font-family:inherit;font-size:clamp(42px,4.8vw,74px);font-weight:500;line-height:1.08;letter-spacing:-3.3px;color:#fff;margin:0 0 26px}
.login-story h2 em{font-style:normal;color:#a7bfff}
.login-description{max-width:430px;font-size:15px;line-height:1.85;color:#c0cde0;margin:0}
.login-steps{list-style:none;padding:26px 0 0;margin:44px 0 0;display:flex;gap:26px;border-top:1px solid #d6e3ff28;max-width:570px}
.login-steps li{font-size:11px;line-height:1.6;color:#d6dfeb;flex:1}
.login-steps span{display:block;margin-bottom:9px;color:#8ea5cb;font-size:9px;letter-spacing:1px}
.login-form-column{width:100%;max-width:442px;justify-self:end}
body.portal-ui main.auth.product-login-form,body main.auth.product-login-form{box-sizing:border-box;max-width:none;width:100%;margin:0;padding:38px 36px 28px;border:1px solid #d2ddf426;border-radius:20px;background:linear-gradient(145deg,#172132f2,#10151ef7 65%);box-shadow:0 26px 90px #0005;color:#f5f7fc;backdrop-filter:blur(14px)}
body .product-login-form .login-legacy-brand{display:none!important}
body .product-login-form .login-form-kicker{font-size:9px;letter-spacing:1.65px;font-weight:600;color:#9cadc7;margin:0 0 16px}
body.portal-ui .product-login-form h1,body .product-login-form h1{font-family:inherit;font-size:34px;line-height:1.2;letter-spacing:-1.25px;font-weight:500;margin:0 0 11px;color:#f5f7fc}
body .product-login-form h1+p{color:#aebbd0;font-size:13px;line-height:1.65;margin:0 0 30px}
body .product-login-form form{display:grid;gap:20px;margin:0}
body .product-login-form form label{display:block;font-size:12px;line-height:1.5;color:#d8e1ef;font-weight:500;margin:0}
body .product-login-form input{box-sizing:border-box;display:block;width:100%;height:49px;min-height:49px;margin-top:9px;padding:12px 14px;border:1px solid #d7e3f52b;border-radius:8px;background:#090e16a6;color:#fff;font:inherit;font-size:14px;box-shadow:none}
body .product-login-form input::placeholder{color:#7e8da5}
body .product-login-form input:focus{outline:2px solid #dbe4f2;outline-offset:2px;border-color:transparent}
.login-password{display:block;position:relative}
body .login-password input{padding-right:66px}
body .product-login-form .login-password-toggle{position:absolute;right:5px;top:5px;height:39px;min-height:39px;padding:0 10px;background:none;border:0;color:#bdc9da;font-size:11px;font-weight:500;border-radius:5px;box-shadow:none}
body .product-login-form .login-password-toggle:hover{color:#fff;background:#ffffff0c}
body .product-login-form form>button[type=submit]{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:49px;border:1px solid #eef2f9;border-radius:8px;margin-top:4px;background:#eef2f9;color:#111722;font-size:13px;font-weight:650;box-shadow:0 3px 15px #0002;cursor:pointer}
body .product-login-form form>button[type=submit]:hover{background:#fff;border-color:#fff}
body .product-login-form form>button[type=submit]:disabled{opacity:.55;cursor:wait}
.login-help{margin:21px 0 0;border:0;padding:0;background:none;font-size:12px;color:#acbad0}
.login-help summary{cursor:pointer;list-style:none;text-align:center;padding:5px}
.login-help summary::-webkit-details-marker{display:none}
.login-help summary:hover{color:#fff}
.login-help p{margin:12px 0 0;padding:13px;border:1px solid #ffffff17;border-radius:7px;font-size:11px;line-height:1.7;color:#acbad0}
body .product-login-form>.fineprint{border-top:1px solid #d6e3ff17;padding-top:18px;margin:21px 0 0;color:#8593a9;font-size:10px;line-height:1.65}
.login-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1440px;width:100%;margin:0 auto;padding:0;border:0;font-size:10px;line-height:1.6;color:#94a3bc;letter-spacing:0}
.login-footer>span>span{color:#66768d;padding:0 9px}
.login-footer a{color:#bbc8dc;text-decoration:none;white-space:nowrap}
.login-footer a span{margin-left:12px}
.product-login-shell :is(a,button,summary):focus-visible{outline:2px solid #e3eaf4;outline-offset:4px}
body.product-login-page #notice{position:fixed;bottom:22px;left:50%;right:auto;transform:translateX(-50%);width:min(560px,calc(100% - 32px));z-index:100}
@media(max-width:960px){.login-stage{gap:36px;grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}.login-story h2{font-size:46px;letter-spacing:-2px}.login-steps{gap:14px;flex-wrap:wrap}.login-description{font-size:13px}body main.auth.product-login-form,body.portal-ui main.auth.product-login-form{padding:30px 26px}}
@media(max-width:700px){.product-login-shell{padding:24px 22px 22px}.login-masthead{gap:20px}.login-product-logo{font-size:24px}.login-product-logo svg{width:30px;height:30px}.login-cvm-type{font-size:36px;letter-spacing:-3px}.login-cvm-region{font-size:7px;padding-left:9px}.login-cvm{column-gap:11px}.login-cvm small{font-size:7px;margin-top:6px}.login-stage{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:44px 0 35px}.login-story{max-width:442px;width:100%;margin:auto}.login-category{font-size:8px;letter-spacing:1.8px;margin-bottom:16px}.login-story h2{font-size:38px;letter-spacing:-1.8px;margin-bottom:15px}.login-description{font-size:12px;line-height:1.7;max-width:350px}.login-steps{display:none}.login-form-column{max-width:442px;margin:auto}.login-footer{font-size:9px;flex-wrap:wrap;gap:9px}.product-login-shell::before{background-position:43% top}.product-login-shell::after{background:linear-gradient(180deg,#090d1488,#090d1466 35%,#090d14eb 85%)}body .product-login-form h1,body.portal-ui .product-login-form h1{font-size:29px}}
@media(prefers-reduced-transparency:reduce){body main.auth.product-login-form{background:#121b29;backdrop-filter:none}}

/* Compact CVM descriptor. */
.login-cvm-region{white-space:nowrap;font-size:11px;letter-spacing:.08em;line-height:1.4}@media(max-width:700px){.login-cvm-region{font-size:8px}}