/* CKM Sales .788 — light theme for the full Effective Sales application.
   Overrides hard-coded dark surfaces in Center, Methodologies, Polygon, Results,
   and the .787 dedicated training screen. Dark theme is unchanged.
   The theme is selected only by the shared CKM switch; dark remains default. */
html.ckm-sales-app-html[data-ckm-theme="light"] {
 --sales-bg:#f4f7fb!important;--sales-panel:#fff!important;--sales-panel-2:#f7faff!important;
 --sales-line:#d6e1ee!important;--sales-text:#18334d!important;--sales-muted:#536b82!important;
 --sales-accent:#086f9d!important;--sales-accent-2:#10765f!important;--sales-danger:#b23a47!important;
 --sales-shadow:0 12px 32px rgba(27,62,100,.075)!important;
 color-scheme:light;
 background:#f4f7fb!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] body.ckm-sales-app-document{
 background:#f4f7fb!important;color:#18334d!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-frame{
 background:radial-gradient(circle at 9% 0%,rgba(50,126,183,.085),transparent 38rem),#f4f7fb!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-appbar{
 background:rgba(255,255,255,.96)!important;border-bottom:1px solid #d6e1ee!important;
 box-shadow:0 3px 15px rgba(32,68,108,.055)!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-brand-copy strong{color:#153956!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-brand-copy small{color:#4f6680!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-nav a,
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-organizer-link{
 color:#315371!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-nav a:is(:hover,.is-active),
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-organizer-link:hover{
 background:#e9f4fb!important;color:#075882!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-organizer-link{
 background:#fff!important;border-color:#cadbe9!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-theme-switch{
 background:#fff!important;border-color:#c8dbea!important;color:#183a56!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] :is(.ckm-sales-card,.ckm-sales-center-panel,.ckm-sales-landing-section,.ckm-sales-landing-final){
 background:#fff!important;border-color:#d6e1ee!important;
 box-shadow:0 12px 32px rgba(27,62,100,.075)!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] :is(.ckm-sales-mode.is-main,.ckm-sales-center-action.is-check,.ckm-sales-mode-competition){
 background:linear-gradient(155deg,#f4faff,#fff)!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-main :is(.ckm-sales-hero h1,.ckm-sales-brief-main h1,.ckm-sales-results-list h1,.ckm-sales-center-hero h1,.ckm-sales-section-head h2){
 color:#153650!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-main :is(.ckm-sales-lead,.ckm-sales-flow,.ckm-sales-outcome){color:#304e68!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-main :is(.ckm-sales-mode p,.ckm-sales-scenario-card p,.ckm-sales-side p,.ckm-sales-mini-task span,.ckm-sales-center-action p,.ckm-sales-center-empty p,.ckm-sales-center-empty-result p,.ckm-sales-center-recommendation span,.ckm-sales-center-facts p,.ckm-sales-center-criteria-grid p,.ckm-sales-center-facts small,.ckm-sales-client-preview label){
 color:#4b657b!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] :is(.ckm-sales-center-tabs a,.ckm-sales-center-method-list a){
 color:#27516e!important;background:#f5faff!important;border-color:#d4e2ef!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] :is(.ckm-sales-center-tabs a:hover,.ckm-sales-center-method-list a:hover,.ckm-sales-center-method-list a.is-active){
 background:#e8f5fb!important;border-color:#8bc4dc!important;color:#075b82!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] :is(.ckm-sales-center-progress>div,.ckm-sales-center-facts>div,.ckm-sales-center-criteria-grid>div,.ckm-sales-center-result-criteria>div,.ckm-sales-center-attempts span,.ckm-sales-center-guide-grid article,.ckm-sales-landing-grid article,.ckm-sales-landing-steps article){
 background:#f8fbff!important;border-color:#d7e4ef!important;color:#28465e!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-center-progress b{
 background:#e6f1fa!important;color:#135476!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-center-progress .is-done{
 background:#eff9f5!important;border-color:#b8ddcb!important;color:#136746!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-center-progress .is-done b{
 background:#d8eee3!important;color:#136746!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-center-criteria-grid strong{color:#096d98!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-center-check-banner strong,
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-check-banner strong{color:#075f83!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-center-guide-next{
 background:#ebf6fc!important;border-color:#bfdce9!important;
}
/* Primary buttons must remain visibly primary; the generated .707 light stylesheet
   previously recolored every .ckm-sales-btn to pale blue, including primary actions. */
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-btn:not(.ckm-sales-primary){
 background:#fff!important;color:#1b4b68!important;border:1px solid #b9d0df!important;
 box-shadow:0 2px 5px rgba(20,74,112,.025)!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-btn:not(.ckm-sales-primary):hover{
 background:#edf7fd!important;border-color:#75b7d6!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-btn.ckm-sales-primary{
 background:linear-gradient(135deg,#0878ac,#086c92)!important;color:#fff!important;
 border:1px solid #08688e!important;box-shadow:0 3px 11px rgba(9,94,143,.17)!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-btn.ckm-sales-primary:hover{
 background:linear-gradient(135deg,#096993,#075b80)!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-main :is(input:not([type=checkbox]):not([type=radio]),textarea,select){
 background:#fff!important;color:#18334d!important;border:1px solid #bdcedd!important;
 border-radius:9px;box-shadow:none!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-main :is(input,textarea,select)::placeholder{color:#73889c!important;opacity:1}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-main :is(input,textarea,select):focus-visible{
 outline:3px solid rgba(24,122,171,.16)!important;outline-offset:1px;border-color:#1782af!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-main :is(label,legend){color:#294b67!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-pill{color:#08618a!important;background:#e6f5fb!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-status{color:#12694d!important;background:#e9f7f0!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-stagebar span{background:#fff!important;border-color:#d5e2ed!important;color:#49647c!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-stagebar span.is-current{background:#e7f5fd!important;border-color:#94c5df!important;color:#135878!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-stagebar span.is-done{background:#edf8f2!important;border-color:#b5dcc8!important;color:#166a4a!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-message.is-client{background:#f1f5f9!important;border-color:#d4e0eb!important;color:#18334d!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-message.is-player{background:#e5f4fb!important;border-color:#b8dbea!important;color:#163c59!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-composer{border-color:#d8e3ed!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-coach{
 background:#eaf8f2!important;border-color:#c3e5d4!important;color:#1b634b!important;
}
/* Public intro and marketing sections inside the sales app. */
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-landing-hero{
 background:linear-gradient(145deg,#fff 0%,#f0f8fd 100%)!important;
 border-color:#cfdfeb!important;box-shadow:var(--sales-shadow)!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] :is(.ckm-sales-landing-hero h1,.ckm-sales-landing-section h2,.ckm-sales-landing-final h2,.ckm-sales-landing-grid h3,.ckm-sales-landing-steps h3){color:#153650!important}
html.ckm-sales-app-html[data-ckm-theme="light"] :is(.ckm-sales-landing-hero p,.ckm-sales-landing-section>p,.ckm-sales-landing-grid p,.ckm-sales-landing-steps p,.ckm-sales-landing-hero-card span){color:#48627c!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-landing-hero-card{background:#fff!important;border-color:#cbdfea!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-landing-hero-card strong{color:#153650!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-landing-hero-card:before{background:#eaf6fc!important;border-color:#b5d8e8!important;color:#12668f!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-landing-final{background:linear-gradient(135deg,#edf8fd,#fff)!important}
/* Dedicated training screen .787: remove dark leftover areas in the bright theme. */
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-exercise-mode{color:#126487!important;border-color:#bad9e9!important;background:#eaf6fc!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-path{background:#eaf5fb!important;border-color:#c6deeb!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-path span{color:#12658b!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-path a{color:#1a5577!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen .ckm-neg-shell{
 --panel:#fff;--card:#fff;--line:#d4e2ef;--text:#1b364f;--muted:#526a80;--accent:#0879a5;
 color:#19344e!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen :is(.ckm-neg-card,.ckm-neg-panel,.ckm-neg-dialogue){
 background:#fff!important;color:#19344e!important;border-color:#d4e2ef!important;
 box-shadow:0 8px 26px rgba(27,62,100,.07)!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen .ckm-neg-start-hero{
 background:linear-gradient(120deg,#f0f8fe,#fff)!important;border-color:#bedbe9!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen .ckm-neg-start-hero h1{
 color:#143752!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen .ckm-neg-launch-panel{
 background:linear-gradient(155deg,#f7fbff,#fff)!important;
 box-shadow:0 12px 30px rgba(30,80,128,.08)!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen :is(.ckm-neg-opponent,.ckm-neg-compose){
 background:#f5f9fd!important;border-color:#d4e3ed!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen .ckm-neg-message.is-opponent{
 background:#eef3f8!important;border-color:#d4e0ea!important;color:#19344e!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen .ckm-neg-message.is-player{
 background:#e2f3fb!important;border-color:#a9d3e5!important;color:#173b54!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen .ckm-neg-compose textarea{
 background:#fff!important;border-color:#bfd4e2!important;color:#18334d!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen .ckm-neg-btn:not(.ckm-neg-primary){
 background:#fff!important;color:#23516e!important;border-color:#bdd2e1!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen .ckm-neg-btn:not(.ckm-neg-primary):hover{
 background:#eaf6fc!important;border-color:#89c6df!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen .ckm-neg-primary{
 color:#fff!important;background:linear-gradient(135deg,#087bab,#086d95)!important;border-color:#08709d!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen :is(.ckm-neg-kicker,.ckm-neg-start-section-icon){color:#126487!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen :is(.ckm-neg-muted,.ckm-neg-launch-help,.ckm-neg-brief-fact span,.ckm-neg-brief-row span){color:#526b83!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen :is(.ckm-neg-start-mission,.ckm-neg-start-person,.ckm-neg-brief-fact,.ckm-neg-brief-row,.ckm-neg-start-choice,.ckm-neg-start-voice,.ckm-neg-state-item,.ckm-neg-coach){
 background:#f5faff!important;border-color:#cfdfeb!important;color:#193b56!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen .ckm-neg-sales-voice-launch{
 background:#e9f6fc!important;border-color:#b8dce9!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen .ckm-neg-sales-voice-launch strong{color:#173f5a!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen .ckm-neg-sales-voice-launch .ckm-neg-muted{color:#4e6a82!important}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen :is(.ckm-neg-modal-card,.ckm-neg-form input,.ckm-neg-form textarea,.ckm-neg-form select){
 background:#fff!important;color:#17364e!important;border-color:#cadce9!important;
}
/* Responsive: keep the task/partner/dialogue order readable on small screens. */
@media(max-width:920px){
 html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-appbar-inner{flex-wrap:wrap;gap:9px 15px;padding:12px 16px}
 html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-nav{order:3;flex-basis:100%;overflow-x:auto;padding-bottom:2px;white-space:nowrap}
 html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-main{padding:20px 16px 40px}
}
@media(max-width:620px){
 html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-nav a{font-size:12px;padding:8px 9px}
 html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-hero{padding:22px}
 html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-training-screen .ckm-neg-start-hero h1{font-size:32px!important}
}
