/* Sales room: readable evidence, quiet navigation, and meeting-sized detail. */
.cw-workspace { --cw-teal: #246c66; --cw-dark: #203d39; --cw-ink: #242823; --cw-muted: #68716a; --cw-line: #dfe5dc; --cw-soft: #f3f5ef; color: var(--cw-ink); font-family: "Work Sans", sans-serif; max-width: 1380px; margin: 0 auto; padding-bottom: 22px; }
.cw-worked-example { margin-bottom: 26px; border: 1px solid #bed2c3; border-radius: 11px; background: #fff; overflow: hidden; }
.cw-worked-example > summary { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 21px 24px; list-style: none; cursor: pointer; background: #edf4ed; }
.cw-worked-example > summary::-webkit-details-marker { display: none; }
.cw-worked-example > summary strong { display: block; font: 550 23px/1.25 "Outfit", sans-serif; letter-spacing: -.02em; }
.cw-worked-example > summary small { display: block; margin-top: 8px; }
.cw-worked-example > summary .cw-kicker { display: block; margin-bottom: 8px; color: #246c66; }
.cw-worked-example[open] > summary { border-bottom: 1px solid #d2e0d2; }
.cw-worked-example[open] > summary .cw-chevron { transform: rotate(180deg); }
.cw-example-body { padding: 25px; }
.cw-example-source { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 18px; font-size: 11px; color: var(--cw-muted); padding-bottom: 19px; margin-bottom: 22px; border-bottom: 1px solid var(--cw-line); }
.cw-example-source > span { flex-basis: 100%; }
.cw-workspace .cw-example-diagnosis h2 { font-size: 23px; line-height: 1.45; max-width: 900px; }
.cw-example-diagnosis { margin-bottom: 25px; }
.cw-example-commitment { border-left: 3px solid var(--cw-teal); background: #f1f6ee; padding: 18px 21px; margin: 23px 0; }
.cw-example-commitment p:last-child { font-size: 16px; }
.cw-example-provenance { margin-top: 24px; }
.cw-example-provenance p, .cw-example-provenance li { font-size: 11px; color: var(--cw-muted); }
.cw-example-finding { padding: 10px 0; }
.cw-example-prewrap { white-space: pre-wrap; }
.cw-example-demo-line + .cw-example-demo-line { margin-top: 24px; padding-top: 20px; border-top: 1px solid #d5dfd2; }
.cw-example-demo-line > span { display: block; text-transform: uppercase; letter-spacing: .12em; font-size: 10px; margin-bottom: 7px; color: var(--cw-muted); }
.cw-example-demo-line > p { font-size: 20px; line-height: 1.55; }
@media (max-width: 620px) { .cw-example-body { padding: 18px; } .cw-worked-example > summary { padding: 18px; } .cw-workspace .cw-example-diagnosis h2 { font-size: 21px; } .cw-tabs { flex-wrap: wrap; } .cw-tabs a { flex-basis: 40%; } }
/* The original Agent Desk constrains content to 720px; this meeting workspace
   needs the available main-pane width while preserving the existing shell. */
.shell:not(.has-split) .wrap > .cw-workspace { width: min(1280px, 100%); }
.shell.page-coaching:not(.has-split) .top, .shell.page-training:not(.has-split) .top, .shell.page-playbook:not(.has-split) .top { max-width: 1280px; padding-inline: 0; }
.cw-workspace *, .cw-workspace *::before, .cw-workspace *::after { box-sizing: border-box; }
.cw-workspace h1, .cw-workspace h2, .cw-workspace h3, .cw-workspace h4 { font-family: "Outfit", "Work Sans", sans-serif; color: var(--cw-ink); letter-spacing: -.025em; margin: 0 0 10px; line-height: 1.18; }
.cw-workspace h1 { font-size: clamp(30px, 3.1vw, 44px); font-weight: 550; }
.cw-workspace h2 { font-size: 25px; font-weight: 550; }
.cw-workspace h3 { font-size: 21px; font-weight: 550; }
.cw-workspace h4 { font-size: 16px; font-weight: 600; letter-spacing: -.01em; }
.cw-workspace p { margin: 0 0 13px; line-height: 1.65; font-size: 14px; }
.cw-workspace p:last-child { margin-bottom: 0; }
.cw-workspace ul { padding-left: 21px; margin: 8px 0 16px; }
.cw-workspace li { font-size: 14px; line-height: 1.65; margin: 6px 0; }
.cw-workspace a { color: var(--cw-teal); text-underline-offset: 4px; }
.cw-workspace a:hover { color: #163f3a; }
.cw-workspace :focus-visible { outline: 3px solid #438f82; outline-offset: 4px; }
.cw-workspace .cw-kicker { font-size: 10px; letter-spacing: .13em; line-height: 1.5; font-weight: 650; color: var(--cw-muted); margin: 0 0 10px; }
.cw-muted { color: var(--cw-muted); }
.cw-workspace .cw-caption, .cw-workspace small { font-size: 11px; line-height: 1.6; color: var(--cw-muted); }
.cw-sr-only { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
.cw-hero { padding: 26px 0 30px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.cw-hero > div:first-child { max-width: 770px; }
.cw-hero p:not(.cw-kicker) { font-size: 15px; max-width: 700px; color: var(--cw-muted); margin: 0; }
.cw-hero-aside { flex-shrink: 0; width: 182px; padding: 15px 0 15px 20px; border-left: 1px solid var(--cw-line); position: relative; }
.cw-hero-aside strong { font-size: 12px; font-weight: 550; display: block; margin: 6px 0; }
.cw-hero-aside > span:last-child { color: var(--cw-muted); font-size: 11px; }
.cw-live-dot { display: inline-block; background: #4b8a70; width: 6px; height: 6px; border-radius: 50%; box-shadow: 0 0 0 4px #e8eee6; }
.cw-tabs { display: flex; gap: 5px; padding: 6px; border: 1px solid var(--cw-line); border-radius: 11px; background: #f0f2ed; margin-bottom: 27px; }
.cw-tabs a { color: #576158; text-decoration: none; border-radius: 7px; padding: 13px 17px; display: flex; align-items: center; gap: 11px; font-size: 13px; font-weight: 550; white-space: nowrap; flex: 1; justify-content: center; }
.cw-tabs a:hover { background: #e6ebe2; }
.cw-tabs a[aria-current="page"] { background: var(--cw-dark); color: #fff; box-shadow: 0 1px 2px #10251e1c; }
.cw-tab-number { font-size: 10px; opacity: .62; }
.cw-tab-count { background: #e3c77d; color: #493814; font-size: 10px; border-radius: 99px; min-width: 18px; padding: 2px 5px; text-align: center; }
.cw-mode-label { font-size: 10px; letter-spacing: .13em; font-weight: 600; color: var(--cw-muted); margin: 24px 0 15px; }
.cw-filters { display: flex; align-items: start; gap: 16px; padding: 19px 20px; border: 1px solid var(--cw-line); border-radius: 10px; background: #fff; margin-bottom: 20px; }
.cw-filters > div { flex: 1; min-width: 0; }
.cw-filters > button { margin-top: 24px; flex: 0 0 auto; }
.cw-workspace label, .cw-workspace legend { display: block; color: #4a544d; font-size: 12px; font-weight: 550; margin: 0 0 7px; line-height: 1.45; }
.cw-workspace input:not([type="checkbox"]):not([type="radio"]), .cw-workspace select, .cw-workspace textarea { width: 100%; border: 1px solid #d5ddd1; border-radius: 6px; background: #fff; color: var(--cw-ink); font: inherit; font-size: 13px; padding: 11px 12px; line-height: 1.5; min-height: 42px; margin: 0; box-shadow: none; }
.cw-workspace textarea { resize: vertical; min-height: 86px; margin-bottom: 12px; }
.cw-workspace input::placeholder, .cw-workspace textarea::placeholder { color: #889085; }
.cw-workspace input[type="checkbox"], .cw-workspace input[type="radio"] { width: 16px; height: 16px; margin: 0; accent-color: var(--cw-teal); flex-shrink: 0; }
.cw-workspace fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }
.cw-workspace .cw-radio { display: flex; align-items: center; gap: 9px; font-weight: 400; margin: 9px 0; }
.cw-workspace .cw-button { display: inline-flex; align-items: center; justify-content: center; gap: 15px; padding: 11px 16px; border: 1px solid #c9d4c6; background: #fff; color: var(--cw-dark); border-radius: 6px; text-decoration: none; cursor: pointer; min-height: 42px; font: 550 12px/1.5 "Work Sans", sans-serif; box-shadow: none; white-space: nowrap; transition: background 120ms; }
.cw-workspace .cw-button:hover { background: #eff4ec; }
.cw-workspace .cw-button--primary { background: var(--cw-teal); border-color: var(--cw-teal); color: #fff; }
.cw-workspace .cw-button--primary:hover { background: #1b554f; }
.cw-workspace .cw-button--small { min-height: 34px; padding: 7px 11px; font-size: 11px; }
.cw-workspace .cw-button--quiet { background: transparent; border-color: transparent; }
.cw-workspace .cw-text-link { font-size: 12px; font-weight: 550; text-decoration: none; }
.cw-workspace .cw-text-link:hover { text-decoration: underline; }
.cw-readiness { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 18px; margin: 0 0 20px; font-size: 12px; color: var(--cw-muted); }
.cw-readiness strong { color: var(--cw-dark); font-weight: 600; }
.cw-readiness small { display: block; margin-top: 4px; }
.cw-commitment-checks { padding: 19px 21px; border: 1px solid #dce7d3; background: #f6f9f2; border-radius: 7px; margin: 0 0 24px; }
.cw-commitment-checks article { padding: 13px 0; border-top: 1px solid var(--cw-line); }
.cw-commitment-checks article:last-child { padding-bottom: 0; }
.cw-commitment-checks article > div { display: flex; align-items: start; gap: 10px; margin-bottom: 8px; }
.cw-commitment-checks article > div > strong { font-size: 13px; line-height: 1.6; }
.cw-commitment-checks article p { font-size: 12px; margin-bottom: 7px; }
.cw-existing-commitment { padding: 0 0 17px; margin-bottom: 18px; border-bottom: 1px solid var(--cw-line); }
.cw-existing-commitment > summary { font-size: 12px; color: var(--cw-teal); text-decoration: underline; text-underline-offset: 4px; }
.cw-existing-commitment > p { font-size: 13px; margin-top: 12px; white-space: pre-wrap; }
.cw-meeting-reference { margin-top: 28px; }
.cw-compare-attempts { margin-bottom: 24px; }
.cw-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 0 0 24px; background: var(--cw-line); border: 1px solid var(--cw-line); border-radius: 10px; overflow: hidden; }
.cw-stat { background: #fff; padding: 22px; display: flex; flex-direction: column; gap: 7px; }
.cw-stat > span { font-size: 11px; font-weight: 550; color: var(--cw-muted); }
.cw-stat strong { font: 450 36px/1.1 "Outfit", sans-serif; color: var(--cw-dark); }
.cw-stat small { font-size: 10px; }
.cw-morning-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(290px, .9fr); gap: 20px; margin-bottom: 30px; }
.cw-panel { background: #fff; border: 1px solid var(--cw-line); border-radius: 10px; padding: 25px; min-width: 0; margin-bottom: 20px; }
.cw-morning-grid > .cw-panel { margin-bottom: 0; }
.cw-panel-heading { display: flex; align-items: start; justify-content: space-between; gap: 15px; margin-bottom: 20px; }
.cw-panel-heading h2, .cw-panel-heading h4 { margin-bottom: 0; }
.cw-panel-heading > .cw-caption { white-space: nowrap; margin-top: 3px; }
.cw-panel-heading p.cw-muted { margin-top: 10px; }
.cw-table-wrap { overflow-x: auto; }
.cw-workspace .cw-table { width: 100%; border-collapse: collapse; margin: 0; white-space: nowrap; }
.cw-table th, .cw-table td { padding: 13px 8px; text-align: left; border-bottom: 1px solid #eef0e9; font-size: 12px; }
.cw-table thead th { padding-top: 0; font-size: 9px; color: var(--cw-muted); font-weight: 500; letter-spacing: .035em; text-transform: uppercase; }
.cw-table tbody th { font-weight: 500; padding-left: 0; }
.cw-table tbody th a { text-decoration: none; }
.cw-table tbody th a span { font-size: 10px; color: #a6b5a5; padding-left: 4px; }
.cw-workspace .cw-footnote { font-size: 10px; color: var(--cw-muted); margin: 15px 0 0; line-height: 1.7; }
.cw-agenda { background: #edf2e9; border-color: #e1e9da; }
.cw-agenda h2 { max-width: 260px; font-size: 26px; }
.cw-agenda ol { list-style: none; padding: 0; margin: 18px 0; }
.cw-agenda li { display: flex; align-items: start; gap: 13px; margin: 0 0 17px; }
.cw-agenda li > span { font-size: 10px; padding-top: 2px; color: #7b9275; }
.cw-agenda li strong { font-size: 12px; font-weight: 600; }
.cw-agenda li p { color: #66715f; font-size: 11px; line-height: 1.65; margin-top: 3px; }
.cw-chip { display: inline-block; vertical-align: middle; font-size: 9px; font-weight: 550; line-height: 1.5; border-radius: 4px; padding: 4px 7px; background: #f0f2ec; color: #61705e; white-space: nowrap; }
.cw-chip--green { background: #e7f1e8; color: #39734b; }
.cw-chip--amber { background: #f9f0d9; color: #836727; }
.cw-chip--red { background: #f9e8e3; color: #a35340; }
.cw-notice { border: 1px solid #e1e7dc; border-left-width: 3px; background: #f2f6ee; border-radius: 6px; padding: 15px 18px; margin: 0 0 20px; font-size: 12px; line-height: 1.7; display: flex; flex-wrap: wrap; gap: 2px 12px; }
.cw-notice strong { font-size: 12px; flex-basis: 100%; }
.cw-notice span { color: #6d725f; }
.cw-notice a { margin-left: auto; font-size: 11px; white-space: nowrap; }
.cw-notice--amber { background: #fcf7e9; border-color: #eddfb7; }
.cw-notice--green { background: #edf7ee; border-color: #bcdcc0; }
.cw-section-label { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 27px 0 15px; }
.cw-section-label h2, .cw-section-label h3 { margin: 0; }
.cw-section-label > span { color: var(--cw-muted); font-size: 11px; }
.cw-section-label .cw-kicker { margin-bottom: 6px; }
.cw-workspace details > summary { list-style: none; cursor: pointer; }
.cw-workspace details > summary::-webkit-details-marker { display: none; }
.cw-chevron { color: #7d8977; font-size: 17px; display: inline-block; transition: transform 120ms; line-height: 1; }
.cw-workspace details[open] > summary .cw-chevron { transform: rotate(180deg); }
.cw-call { border: 1px solid var(--cw-line); border-radius: 9px; background: #fff; margin: 0 0 12px; overflow: hidden; }
.cw-call > summary { display: flex; align-items: center; gap: 17px; padding: 20px; transition: background 120ms; }
.cw-call > summary:hover { background: #f8faf5; }
.cw-call-number { color: #82927c; font: 400 20px "Outfit", sans-serif; padding-right: 2px; }
.cw-call-title { display: flex; flex-direction: column; flex: 1; gap: 5px; min-width: 0; }
.cw-call-title strong { font: 500 19px/1.3 "Outfit", sans-serif; overflow-wrap: anywhere; }
.cw-call-title small { font-size: 10px; }
.cw-call-status { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; justify-content: end; }
.cw-call-status .cw-chevron { margin-left: 9px; }
.cw-call-body { border-top: 1px solid var(--cw-line); padding: 22px 25px 25px; }
.cw-call-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 24px; }
.cw-call-meta a:first-of-type { margin-left: auto; }
.cw-call-diagnosis { padding: 21px 24px; background: var(--cw-dark); border-radius: 7px; margin-bottom: 25px; }
.cw-call-diagnosis .cw-kicker { color: #adc8b0; }
.cw-call-diagnosis h3 { color: #fff; font-size: 21px; line-height: 1.55; font-weight: 400; }
.cw-call-diagnosis p, .cw-call-diagnosis summary { color: #d4e2d1; }
.cw-call-diagnosis .cw-subtle-details { border-color: #567161; }
.cw-patterns { margin: 24px 0; }
.cw-patterns article { border-left: 2px solid #d7dfcc; padding: 0 0 0 15px; margin: 17px 0; }
.cw-patterns article > strong { display: block; font-size: 14px; margin-bottom: 5px; }
.cw-patterns article .cw-caption { display: block; margin-bottom: 7px; }
.cw-patterns article p { font-size: 12px; }
.cw-stage { border: 1px solid var(--cw-line); border-radius: 6px; margin: 8px 0; }
.cw-stage > summary { display: flex; align-items: center; justify-content: space-between; padding: 16px; gap: 18px; }
.cw-stage > summary:hover { background: #f7f9f3; }
.cw-stage > summary > span:first-child { flex: 1; min-width: 0; }
.cw-stage > summary strong { font-size: 14px; display: block; margin-bottom: 5px; }
.cw-stage > summary small { display: block; font-size: 11px; max-width: 720px; }
.cw-summary-end { display: flex; align-items: center; gap: 8px; }
.cw-stage-body { border-top: 1px solid var(--cw-line); padding: 21px; }
.cw-two-col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.cw-exchanges { display: flex; flex-direction: column; gap: 9px; margin: 11px 0 17px; }
.cw-exchange { padding: 13px 15px; margin: 0; border-left: 2px solid #adc9b1; background: #f1f5ee; border-radius: 0 5px 5px 0; }
.cw-exchange > div { display: flex; justify-content: space-between; gap: 10px; color: #6b7c62; font-size: 10px; margin-bottom: 6px; }
.cw-exchange p { font-size: 14px; color: #354735; line-height: 1.6; }
.cw-time { font-variant-numeric: tabular-nums; font-size: 10px; }
.cw-evidence-note { background: #f6f5ef; padding: 15px; border-radius: 6px; margin: 10px 0; }
.cw-evidence-note p { font-size: 12px; margin-top: 6px; }
.cw-evidence-note small { font-style: italic; }
.cw-diagnosis p { font-size: 13px; }
.cw-inference { background: #f9f5ea; border: 1px solid #eee7d1; border-radius: 5px; padding: 13px 15px; margin: 14px 0; }
.cw-inference .cw-kicker { font-size: 9px; color: #8a784e; }
.cw-inference p { font-size: 12px; }
.cw-next-move { border: 1px solid #dce7d3; background: #f4f8f0; border-radius: 6px; padding: 18px; margin: 18px 0; }
.cw-next-move li { font-size: 13px; }
.cw-next-move ul:last-child { margin-bottom: 0; }
.cw-action-row { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; margin: 15px 0 2px; }
.cw-inline-form { display: inline-block; margin-top: 5px; }
.cw-secondary { border-top: 1px solid var(--cw-line); margin: 15px 0 0; }
.cw-secondary > summary { padding: 18px 0; display: flex; justify-content: space-between; align-items: center; gap: 15px; font-size: 13px; }
.cw-secondary > summary > span { color: var(--cw-muted); font-size: 11px; }
.cw-secondary > div { padding: 0 0 18px; }
.cw-subtle-details { border-top: 1px solid var(--cw-line); padding-top: 12px; margin-top: 15px; }
.cw-subtle-details > summary { font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }
.cw-subtle-details > p { margin-top: 12px; }
.cw-objection { padding: 15px 0; border-bottom: 1px solid #edf0e7; }
.cw-objection:last-of-type { margin-bottom: 15px; }
.cw-objection .cw-panel-heading { margin-bottom: 10px; }
.cw-objection p { font-size: 13px; }
.cw-quote { font: 400 19px/1.65 "Outfit", sans-serif; color: #44523e; border-left: 2px solid #b3c2a8; margin: 16px 0; padding-left: 18px; }
.cw-step-chips { display: flex; gap: 5px; flex-wrap: wrap; margin-bottom: 15px; }
.cw-commitment { background: #f5f6f1; padding: 21px; border-radius: 7px; margin-top: 20px; }
.cw-commitment .cw-muted { font-size: 12px; }
.cw-saved-note { padding: 12px 0; border-bottom: 1px solid var(--cw-line); margin-bottom: 15px; }
.cw-saved-note > strong { margin-left: 10px; font-size: 12px; }
.cw-saved-note p { margin: 9px 0 5px; font-size: 13px; white-space: pre-wrap; }
.cw-empty { border: 1px dashed #dce3d5; background: #f8faf4; padding: 35px 25px; text-align: center; border-radius: 7px; margin: 15px 0; }
.cw-empty-mark { color: #91a784; display: inline-block; margin-bottom: 11px; font-size: 25px; }
.cw-empty h3 { font-size: 20px; }
.cw-empty p { color: var(--cw-muted); max-width: 590px; margin: 0 auto 15px; font-size: 12px; }
.cw-empty p:last-child { margin-bottom: 0; }
.cw-training-intro { background: var(--cw-dark); color: #fff; border-radius: 9px; padding: 26px; display: flex; gap: 25px; align-items: center; justify-content: space-between; }
.cw-training-intro h2 { color: #fff; font-size: 32px; }
.cw-training-intro .cw-kicker { color: #b8cdae; }
.cw-training-intro p { color: #d2dfcc; font-size: 13px; }
.cw-training-intro > div:last-child { display: flex; gap: 7px; flex-shrink: 0; }
.cw-training-intro .cw-chip { color: #d9e8d1; background: #3c5846; }
.cw-attempts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
.cw-attempt { border: 1px solid var(--cw-line); border-radius: 8px; padding: 21px; background: #fff; min-width: 0; }
.cw-attempt--selected { border-color: #7da27f; box-shadow: inset 0 2px 0 #6c966f; }
.cw-attempt .cw-panel-heading { margin-bottom: 15px; }
.cw-attempt strong { font-size: 14px; }
.cw-attempt small { display: block; margin-top: 5px; }
.cw-attempt > p { font-size: 12px; }
.cw-session { margin-top: 24px; scroll-margin-top: 20px; }
.cw-session > .cw-panel-heading { padding-bottom: 22px; border-bottom: 1px solid var(--cw-line); }
.cw-run-step { display: grid; grid-template-columns: 31px minmax(0, 1fr); gap: 18px; padding: 19px 0 25px; border-bottom: 1px solid var(--cw-line); }
.cw-run-number { width: 29px; height: 29px; background: #e9f0e4; color: #56704b; border-radius: 50%; display: grid; place-items: center; font-size: 12px; margin-top: 1px; }
.cw-run-heading { display: flex; justify-content: space-between; gap: 18px; align-items: center; margin-bottom: 13px; }
.cw-run-heading h3 { margin: 0; }
.cw-run-heading > span { color: var(--cw-muted); font-size: 10px; white-space: nowrap; }
.cw-run-step p.cw-muted { font-size: 12px; }
.cw-fact-box { border: 1px solid var(--cw-line); background: #f8faf5; padding: 17px; border-radius: 6px; margin: 5px 0 15px; }
.cw-fact-box li, .cw-fact-box p { font-size: 12px; }
.cw-fact-box ul:last-child { margin-bottom: 0; }
.cw-demo { background: #f0f4eb; border-left: 3px solid #7fa375; border-radius: 0 7px 7px 0; padding: 22px 25px; }
.cw-demo > .cw-kicker { color: #677c57; }
.cw-script-text { font: 400 18px/1.85 "Outfit", "Work Sans", sans-serif; color: #30422d; white-space: pre-wrap; overflow-wrap: anywhere; }
.cw-script-text > div { min-height: .6em; }
.cw-script-text .cw-script-direction { font: 500 12px/1.8 "Work Sans", sans-serif; color: #78826d; margin: 6px 0; }
.cw-role-card { border: 1px solid #d9e0d1; border-radius: 7px; margin: 18px 0; overflow: hidden; }
.cw-role-card > summary { display: flex; justify-content: space-between; align-items: center; gap: 15px; background: #f4f6ef; padding: 16px 18px; font-size: 13px; }
.cw-role-card > div { padding: 20px; border-top: 1px solid #e6ebde; }
.cw-role-card .cw-script-text { font-size: 16px; }
.cw-corrections li { font-size: 13px; }
.cw-criteria { list-style: none; padding: 0!important; }
.cw-criteria li { border: 1px solid #e5eadf; border-radius: 5px; padding: 12px; background: #fafbf7; }
.cw-criteria label { display: flex; align-items: start; gap: 12px; margin: 0; font-size: 13px; font-weight: 400; line-height: 1.6; }
.cw-criteria input { margin-top: 3px!important; }
.cw-result-form { background: #f4f7ef; border: 1px solid #e3e9db; padding: 23px; border-radius: 7px; margin-top: 24px; }
.cw-result-form > .cw-two-col { margin-bottom: 18px; }
.cw-source-panel { margin-top: 25px; }
.cw-source-panel > .cw-script-text { padding: 23px; background: #fafbf7; border-radius: 6px; max-height: 640px; overflow: auto; }
.cw-focus-form { padding: 0 0 22px; }
.cw-playbook-toolbar { display: flex; gap: 20px; align-items: center; margin: 0 0 25px; }
.cw-search { display: flex; flex: 1; gap: 10px; align-items: center; }
.cw-search input { flex: 1; min-width: 0; }
.cw-playbook-layout { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 25px; align-items: start; }
.cw-playbook-index { position: sticky; top: 20px; padding: 13px 0; }
.cw-playbook-index > a { display: flex; justify-content: space-between; font-size: 12px; color: #56634f; text-decoration: none; padding: 13px 5px; border-bottom: 1px solid var(--cw-line); gap: 10px; }
.cw-playbook-index > a:hover { color: var(--cw-teal); background: #f0f4e9; }
.cw-playbook-index > a span { color: #97a28d; }
.cw-index-note { margin: 25px 0; padding: 5px; }
.cw-index-note p { font-size: 11px; color: var(--cw-muted); margin-top: 12px; line-height: 1.8; }
.cw-playbook-content { min-width: 0; }
.cw-playbook-content > section { scroll-margin-top: 20px; }
.cw-playbook-section, .cw-approved-entry { border-top: 1px solid var(--cw-line); }
.cw-playbook-section > summary, .cw-approved-entry > summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 0; }
.cw-playbook-section > summary > span:first-child { display: flex; align-items: center; gap: 20px; }
.cw-playbook-section > summary strong { font: 500 21px "Outfit", sans-serif; }
.cw-section-number { font: 400 17px "Outfit", sans-serif; color: #8fa582; }
.cw-playbook-section > div, .cw-approved-entry > div { padding: 0 0 25px; }
.cw-playbook-section .cw-script-text { background: #f5f8ef; border-radius: 7px; padding: 23px; margin-bottom: 18px; }
.cw-approved-entry > summary strong { font: 500 20px/1.45 "Outfit", sans-serif; display: block; }
.cw-approved-entry > summary .cw-kicker { display: block; color: #809475; font-size: 9px; margin-bottom: 5px; }
.cw-approved-entry .cw-script-text { border-left: 2px solid #bfceb3; padding-left: 18px; }
.cw-entry-form { padding-top: 18px; margin-top: 10px; }
.cw-entry-form > .cw-two-col { margin-bottom: 20px; }
.cw-entry-form p.cw-muted { font-size: 11px; }
.cw-discoveries-panel { border-top: 3px solid #d3ba78; }
.cw-discovery { border: 1px solid #e6dfca; border-radius: 7px; margin-top: 12px; }
.cw-discovery > summary { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 18px; background: #fcf9ef; }
.cw-discovery > summary strong { font: 500 20px/1.4 "Outfit", sans-serif; display: block; }
.cw-discovery > summary .cw-kicker { display: block; color: #9b824b; font-size: 9px; margin-bottom: 7px; }
.cw-discovery > div { padding: 23px; border-top: 1px solid #e6dfca; }
.cw-workspace-footer { display: flex; justify-content: space-between; gap: 18px; margin-top: 35px; padding-top: 20px; border-top: 1px solid var(--cw-line); font-size: 9px; color: #8d9785; line-height: 1.7; }
.cw-workspace-footer > span:first-child { letter-spacing: .1em; }
@media (max-width: 1150px) { .cw-hero-aside { display: none; } .cw-morning-grid { grid-template-columns: minmax(0, 1fr); } .cw-agenda ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .cw-agenda h2 { max-width: none; } .cw-agenda li { margin: 0; } .cw-tabs a { padding: 12px; font-size: 12px; } .cw-playbook-layout { grid-template-columns: 155px minmax(0, 1fr); gap: 20px; } .cw-call-status { max-width: 205px; } }
@media (max-width: 780px) { .cw-hero { padding-top: 17px; } .cw-hero h1 { font-size: 32px; } .cw-hero p:not(.cw-kicker) { font-size: 13px; } .cw-tabs { gap: 3px; padding: 4px; } .cw-tabs a { flex-direction: column; gap: 5px; padding: 10px 6px; font-size: 10px; text-align: center; white-space: normal; } .cw-tab-number { font-size: 9px; } .cw-tab-count { position: absolute; transform: translate(38px, -3px); } .cw-filters { flex-wrap: wrap; gap: 14px; padding: 17px; } .cw-filters > div { flex: 1 1 40%; } .cw-filters > button { margin-top: 0; align-self: end; flex: 1 1 40%; } .cw-stats { margin-bottom: 20px; } .cw-stat { padding: 17px 12px; gap: 8px; } .cw-stat strong { font-size: 29px; } .cw-stat > span { font-size: 10px; } .cw-stat small { font-size: 9px; } .cw-panel { padding: 20px; } .cw-agenda ol { display: block; } .cw-agenda li { margin-bottom: 17px; } .cw-two-col, .cw-attempts { grid-template-columns: 1fr; gap: 15px; } .cw-call > summary { gap: 12px; flex-wrap: wrap; padding: 17px; } .cw-call-number { font-size: 17px; } .cw-call-title strong { font-size: 18px; } .cw-call-status { flex-basis: 100%; max-width: none; justify-content: start; padding-left: 32px; } .cw-call-status .cw-chevron { margin-left: auto; } .cw-call-body { padding: 17px; } .cw-call-meta a:first-of-type { margin-left: 0; } .cw-call-diagnosis { padding: 20px; } .cw-call-diagnosis h3 { font-size: 18px; } .cw-stage > summary { flex-wrap: wrap; gap: 12px; padding: 14px; } .cw-stage > summary > span:first-child { flex-basis: 100%; } .cw-summary-end { width: 100%; } .cw-summary-end .cw-chevron { margin-left: auto; } .cw-stage-body { padding: 16px; } .cw-commitment { padding: 17px; } .cw-training-intro { align-items: start; flex-direction: column; gap: 18px; padding: 23px; } .cw-training-intro h2 { font-size: 29px; } .cw-run-step { grid-template-columns: 25px minmax(0, 1fr); gap: 12px; } .cw-run-number { width: 24px; height: 24px; font-size: 11px; } .cw-run-heading h3 { font-size: 18px; } .cw-demo { padding: 17px; } .cw-script-text { font-size: 17px; } .cw-role-card > summary { align-items: start; flex-direction: column; gap: 7px; } .cw-role-card > div { padding: 17px; } .cw-result-form { padding: 17px; } .cw-playbook-layout { display: block; } .cw-playbook-index { position: static; display: flex; overflow-x: auto; padding: 0; gap: 20px; margin-bottom: 20px; } .cw-playbook-index > a { white-space: nowrap; font-size: 10px; } .cw-playbook-index > .cw-kicker, .cw-index-note { display: none; } .cw-playbook-toolbar { align-items: start; flex-direction: column; gap: 10px; } .cw-search { width: 100%; } .cw-source-panel > .cw-script-text { padding: 17px; } .cw-notice a { margin-left: 0; } }
@media (max-width: 450px) { .cw-panel { padding: 17px; } .cw-stats { grid-template-columns: 1fr; } .cw-stat { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; align-items: center; } .cw-stat strong { grid-row: span 2; text-align: right; } .cw-stat small { grid-column: 1; } .cw-filters > div, .cw-filters > button { flex-basis: 100%; } .cw-panel-heading { flex-wrap: wrap; gap: 10px; } .cw-section-label { align-items: start; } .cw-section-label h2 { font-size: 23px; } .cw-section-label > span { white-space: nowrap; padding-top: 5px; } .cw-workspace .cw-button { white-space: normal; } .cw-search { flex-wrap: wrap; } .cw-search input { min-width: 100%; } .cw-run-step { grid-template-columns: 1fr; gap: 9px; } .cw-run-heading { align-items: start; } .cw-workspace-footer { flex-direction: column; gap: 7px; } }
@media (prefers-reduced-motion: reduce) { .cw-workspace *, .cw-workspace *::before, .cw-workspace *::after { transition: none!important; scroll-behavior: auto!important; } }
@media print { .cw-tabs, .cw-filters, .cw-workspace form, .cw-playbook-index, .cw-workspace .cw-button, .cw-workspace-footer { display: none!important; } .cw-workspace { max-width: none; } .cw-panel, .cw-call { break-inside: avoid; box-shadow: none; } .cw-hero { padding-top: 0; } .cw-call-diagnosis { background: #fff; border: 1px solid #bbb; } .cw-call-diagnosis h3, .cw-call-diagnosis .cw-kicker { color: #222; } }