/* Shared SAGA foundation: values taken from the Sales Copilot home page. */
:root{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;
  color:#1d1d1f;background:#f5f5f7;color-scheme:light;
  --bg:#f5f5f7;--surface:rgba(255,255,255,.82);--surface-solid:#fff;--line:rgba(0,0,0,.08);
  --text:#1d1d1f;--muted:#6e6e73;--subtle:#86868b;--blue:#0071e3;--blue-hover:#0077ed;
  --shadow:0 1px 2px rgba(0,0,0,.03),0 18px 50px rgba(0,0,0,.055);
}
html[data-theme="dark"]{color-scheme:dark;--bg:#000;--surface:rgba(28,28,30,.78);--surface-solid:#1c1c1e;--line:rgba(255,255,255,.11);--text:#f5f5f7;--muted:#a1a1a6;--subtle:#8e8e93;--blue:#0a84ff;--blue-hover:#409cff;--shadow:0 1px 2px rgba(0,0,0,.3),0 18px 55px rgba(0,0,0,.34)}
:root{--accent:var(--blue);--green:var(--blue);--saga-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;--saga-nav:rgba(250,250,252,.76);--saga-field:rgba(255,255,255,.82);--saga-soft:rgba(0,0,0,.025);--saga-info:#eaf3ff;--saga-info-text:#215381;--saga-warning:#fff6df;--saga-warning-text:#745419;--saga-danger:#fff0ec;--saga-danger-text:#942e24}
html[data-theme="dark"]{--saga-nav:rgba(20,20,22,.82);--saga-field:#2c2c2e;--saga-soft:rgba(255,255,255,.045);--saga-info:#142c45;--saga-info-text:#a1ceff;--saga-warning:#342c19;--saga-warning-text:#eed195;--saga-danger:#3d2423;--saga-danger-text:#ffb4a9}
body.saga-workspace{font-family:var(--saga-font);color:var(--text);background:radial-gradient(circle at 70% -5%,#fff 0,#f5f5f7 42%,#f3f3f5 100%);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px;line-height:1.5}
html[data-theme="dark"] body.saga-workspace{background:radial-gradient(circle at 70% -5%,#202023 0,#080809 45%,#000 100%)}
.saga-workspace :is(h1,h2,h3){font-family:var(--saga-font);color:var(--text)}
.saga-workspace h1{font-size:clamp(29px,3.4vw,46px);line-height:1.1;letter-spacing:-.045em;font-weight:720;margin:12px 0 14px}
.saga-workspace h2{font-size:21px;line-height:1.25;letter-spacing:-.025em;font-weight:680}
.saga-workspace h3{font-size:16px;letter-spacing:-.015em}
.saga-workspace .eyebrow{color:var(--muted);font-size:11px;letter-spacing:.11em;font-weight:720}
.saga-workspace .lead{font-size:16px;line-height:1.55;max-width:640px;color:var(--muted)}
.saga-workspace :is(.muted,small,.subtitle,.partner-meta,.stat-label,.detail label,.goal small,.stage-heading,.deal p,.review-item p,.role-note,footer,.evidence){color:var(--muted)}
.saga-workspace a{color:var(--blue)}
.saga-workspace button,.saga-workspace .button{font-family:inherit;border:1px solid var(--line);border-radius:999px;background:var(--saga-field);color:var(--text);min-height:44px;padding:10px 18px;font-size:13px;font-weight:650;cursor:pointer;transition:background .15s,border-color .15s}
.saga-workspace button:hover:not(:disabled),.saga-workspace .button:hover{background:var(--surface-solid);border-color:var(--blue)}
.saga-workspace .primary{background:#0071e3;color:#fff;border-color:#0071e3}
.saga-workspace .primary:hover:not(:disabled){background:#0068d1}
.saga-workspace :is(input,select,textarea){font-family:inherit;border:1px solid var(--line);border-radius:14px;background:var(--saga-field);color:var(--text);padding:12px 14px;font-size:14px;min-height:46px;max-width:100%}
.saga-workspace input[type=checkbox]{min-height:0;width:18px;height:18px;accent-color:var(--blue);padding:0}
.saga-workspace label{color:var(--muted);font-size:12px;font-weight:650}
.saga-workspace :is(.panel,.selector,.stat,.partner-card,.empty){border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);color:var(--text)}
.saga-workspace .panel{padding:26px}.saga-workspace .selector{border-radius:18px;box-shadow:none}
.saga-workspace .empty{box-shadow:none;border-style:dashed}
.saga-workspace :is(.stat strong,.mini-grid strong,.topbar strong){color:var(--text);font-family:inherit}
.saga-workspace :is(.reference-item,.stage-column,.avatar,.step-number){background:var(--saga-soft);color:var(--text);border-color:var(--line)}
.saga-workspace :is(.mini-grid,.detail,.team-card .card-foot,.milestone,.review-item,.review-note,th,td,.dialog-actions,.reference-group,.divider){border-color:var(--line)}
.saga-workspace :is(.badge,.callout,#message){background:var(--saga-info);color:var(--saga-info-text);border-color:var(--line)}
.saga-workspace :is(.notice,.temporary,.badge.amber){background:var(--saga-warning);color:var(--saga-warning-text);border-color:var(--line)}
.saga-workspace :is(#error,#formError,.badge.red){background:var(--saga-danger);color:var(--saga-danger-text);border-color:var(--line)}
.saga-workspace .badge.gray{background:var(--saga-soft);color:var(--muted)}
.saga-workspace :is(.danger,.overdue){color:var(--saga-danger-text)}
.saga-workspace .callout p{color:var(--saga-info-text)}
.saga-workspace .progress{background:var(--saga-soft)}.saga-workspace .progress i{background:var(--blue)}
.saga-workspace .deal{background:var(--surface-solid);border-color:var(--line);border-radius:16px}
.saga-workspace blockquote{border-color:var(--line)}
.saga-workspace dialog{background:var(--surface-solid);color:var(--text);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.saga-workspace dialog::backdrop{background:rgba(0,0,0,.45);backdrop-filter:blur(8px)}
.saga-workspace .dialog-head button{min-width:44px}
.saga-workspace main{max-width:1240px;padding:35px 28px 50px;margin:auto;width:100%}
.saga-workspace footer{max-width:1184px;margin:28px auto 0;border-top:1px solid var(--line);padding:22px 0;font-size:11px;text-align:left}
.saga-workspace .saga-shell{display:block;padding:0;position:sticky;top:0;z-index:20;background:var(--saga-nav);border-bottom:1px solid var(--line);backdrop-filter:saturate(180%) blur(22px)}
.saga-shell-inner{max-width:1240px;margin:auto;padding:13px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.saga-workspace .saga-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);flex-shrink:0}
.saga-brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#1d1d1f;color:#fff;font-weight:760;letter-spacing:-.04em}
.saga-brand-name{display:block;font-size:13px;font-weight:700;line-height:1.25}.saga-brand-product{display:block;font-size:12px;color:var(--muted);margin-top:1px;line-height:1.25}
.saga-workspace .saga-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:initial;margin:0;overflow:visible}
.saga-workspace .saga-tools :is(a,button,select){display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid var(--line);border-radius:999px;padding:0 12px;font-size:11px;font-weight:700;background:var(--saga-field);color:var(--text);text-decoration:none;white-space:nowrap;box-shadow:none}
.saga-workspace .saga-tools label{margin:0}.saga-workspace .saga-tools select{width:auto;padding-right:24px;min-width:62px}
.saga-workspace .saga-tools [aria-current="page"]{background:var(--saga-info);color:var(--saga-info-text);border-color:var(--blue)}
.saga-workspace .saga-tools button[data-saga-theme]{min-width:40px;font-size:18px;padding:0 10px}
.saga-workspace .app-shell{display:block}.saga-workspace .main-wrap{margin:0;width:100%}
.saga-workspace .sidebar{position:static;display:block;width:100%;padding:16px 28px 0;max-width:1240px;margin:auto;background:transparent;color:var(--text)}
.saga-workspace .sidebar nav{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border:1px solid var(--line);border-radius:18px;background:var(--saga-soft);margin:0}
.saga-workspace .sidebar nav a{color:var(--muted);border-radius:12px;padding:10px 14px;font-size:12px;min-height:40px;white-space:nowrap;box-shadow:none}
.saga-workspace .sidebar nav a.active{background:var(--surface-solid);color:var(--text);box-shadow:0 1px 6px rgba(0,0,0,.07)}
.saga-workspace .sidebar nav a:hover{background:var(--surface-solid)}
.saga-workspace .sidebar-bottom{display:flex;justify-content:flex-end;margin:0;padding:12px 4px 0;min-height:24px;font-size:11px;gap:12px}
.saga-workspace #identity{padding:0;border:0;text-align:right;line-height:1.4}.saga-workspace #identity .muted{color:var(--muted)}
.saga-workspace .topbar{max-width:1240px;margin:auto;background:transparent;border:0;padding:8px 28px;min-height:44px}
.saga-workspace .topbar+.notice,.saga-workspace #confirmation{max-width:1184px;margin:14px auto;border-radius:14px;padding:14px 18px}
.saga-workspace .quiet{background:transparent}.saga-workspace .crm-name{color:var(--text)}
.saga-workspace .skip,.saga-workspace .skip-link{position:fixed;top:-80px;left:16px;z-index:100;padding:12px 18px;border-radius:12px;background:var(--surface-solid);color:var(--text);transform:none}
.saga-workspace .skip:focus,.saga-workspace .skip-link:focus{top:10px}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.onboarding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.onboarding-grid .panel{margin:0}.onboarding-step{display:flex;gap:12px;align-items:center;margin-bottom:15px}.onboarding-step .badge{flex-shrink:0}.onboarding-grid ul{padding-left:20px;color:var(--muted);line-height:1.65}.onboarding-grid li{margin:8px 0}.onboarding-grid h2{margin:0}.onboarding-intro{margin-bottom:28px}
@media(max-width:900px){.saga-shell-inner{flex-wrap:wrap;gap:10px;padding:11px 16px}.saga-workspace .saga-tools{width:100%;justify-content:flex-start;gap:8px}.saga-workspace main{padding:26px 18px 40px}.saga-workspace h1{font-size:32px}.saga-workspace .sidebar{padding:14px 18px 0}.saga-workspace .sidebar nav{flex-wrap:nowrap;overflow-x:auto}.saga-workspace .sidebar nav a{flex-shrink:0}.saga-workspace .topbar{padding:10px 18px}.saga-workspace footer{margin-inline:18px}.saga-workspace .panel{padding:20px}.saga-workspace #demoNotice,.saga-workspace #confirmation{margin:12px 18px}.onboarding-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.saga-workspace #app>h1{max-width:850px}.saga-workspace #app>.notice{margin-top:18px}
.workspace-nav{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border:1px solid var(--line);border-radius:18px;background:var(--saga-soft);margin:24px 0}.saga-workspace .workspace-nav button{background:transparent;border-color:transparent}.saga-workspace .workspace-nav [aria-current]{background:var(--surface-solid);border-color:var(--line)}.workspace-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.workspace-paths .panel{display:flex;flex-direction:column;margin:0}.workspace-paths .panel button{align-self:start;margin-top:auto}.workspace-next{display:flex;align-items:center;justify-content:space-between;gap:20px}.workspace-next button{flex-shrink:0}.workspace-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.workspace-metrics strong{display:block;font-size:32px;letter-spacing:-.04em}.workspace-metrics span{font-size:12px;color:var(--muted)}.value-findings article{padding:20px 0;border-top:1px solid var(--line)}#customerContextForm label{margin-top:20px}.value-findings p,.value-findings dd{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:760px){.workspace-paths{grid-template-columns:1fr}.workspace-next{align-items:start;flex-direction:column}.workspace-nav{gap:4px}.saga-workspace .workspace-nav button{padding:8px 12px}.workspace-metrics{gap:12px}.workspace-metrics strong{font-size:27px}}
/* Logo artwork is unmodified; the frame removes its transparent outer margin visually. */
.saga-logo-frame{position:relative;display:block;width:126px;height:66px;overflow:hidden;flex:0 0 126px}
.saga-logo-frame img{position:absolute;width:172px;height:auto;max-width:none;left:-23px;top:-20px;object-fit:contain}
.saga-logo-dark{display:none}html[data-theme="dark"] .saga-logo-light{display:none}html[data-theme="dark"] .saga-logo-dark{display:block}
.saga-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
.saga-brand-context{font-size:12px;font-weight:550;color:var(--muted);white-space:nowrap;border-left:1px solid var(--line);padding-left:12px}
#loginDialog .dialog-head{align-items:center;gap:20px}.saga-academy .page{padding-top:38px}
@media(max-width:600px){.saga-logo-frame{width:104px;height:56px;flex-basis:104px}.saga-logo-frame img{width:144px;left:-20px;top:-17px}.saga-brand-context{font-size:11px}.saga-academy .page{padding-top:24px}}

/* Academy follows the same theme as the shared shell. */
.saga-academy{background:var(--bg);color:var(--text)}
.saga-academy :is(.surface,.term-card,.recommended-card,.filters input,.filters select,.quiz-option,dialog,.learning-grid article){background:var(--surface);color:var(--text)}
.saga-academy :is(.hero p,.section-copy,.term-card p,.recommended-card p,.eyebrow,.learning-grid article span){color:var(--muted)}
.saga-academy .practice-explainer{background:#18181b;color:#fff}
.saga-academy :is(.feedback.good,.quiz-option.correct){background:#f0fdfa;color:#115e59}
.saga-academy :is(.feedback.bad,.quiz-option.wrong){background:#fff1f2;color:#991b1b}
.saga-academy .learning-grid .warning{background:#fffaf0;color:#493800}
html[data-theme="dark"] .saga-academy .mastery-label{color:#a7a7b2!important}

.saga-academy .practice-flow strong{color:#fff}

/* PURPOSE_UI */
.purpose-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}.purpose-wrap label{font-weight:600}.purpose-wrap select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);padding:12px 16px;border-radius:22px}.purpose-wrap span{font-size:14px;color:var(--muted)}.strategy-cell[hidden],.stage-track[hidden]{display:none!important}body[data-call-purpose="book_meeting"] .strategy-strip{grid-template-columns:minmax(120px,1fr) minmax(0,3fr)}@media(max-width:600px){body[data-call-purpose="book_meeting"] .strategy-strip{grid-template-columns:1fr}}