@import url('work-being-tokens.v1.4.css');
*,*::before,*::after{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--wb-canvas);color:var(--wb-ink);font-family:var(--wb-font-sans);font-size:var(--wb-type-md);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--wb-state-focus-keyline);outline-offset:3px;box-shadow:0 0 0 6px var(--wb-state-focus-halo)}
.wb-brand-spectrum{height:6px;background:linear-gradient(90deg,var(--wb-navy) 0 26%,var(--wb-teal) 26% 43%,var(--wb-pink) 43% 62%,var(--wb-red) 62% 80%,var(--wb-yellow) 80% 100%)}
.wb-shell{width:min(var(--wb-width-app),calc(100% - 2 * var(--wb-gutter-desktop)));margin-inline:auto;padding-block:var(--wb-space-8)}.wb-shell--focus{max-width:var(--wb-width-focus)}
.wb-surface{background:var(--wb-sand);border:1px solid var(--wb-navy-10);border-radius:var(--wb-radius-surface);box-shadow:var(--wb-shadow-surface);overflow:hidden}.wb-surface__header{display:flex;align-items:center;justify-content:space-between;gap:var(--wb-space-5);padding:var(--wb-space-6) 28px;border-bottom:1px solid var(--wb-line)}.wb-surface__body{padding:38px 34px 30px}
.wb-card{position:relative;background:var(--wb-paper);border:1px solid var(--wb-line);border-radius:var(--wb-radius-card);padding:var(--wb-space-6)}.wb-card--sand{background:var(--wb-sand)}.wb-card--cream{background:var(--wb-cream)}.wb-card--quiet{background:var(--wb-soft)}
.wb-accent-card{--wb-accent:var(--wb-blue);position:relative;overflow:hidden}.wb-accent-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--wb-accent)}.wb-accent-card--system{--wb-accent:var(--wb-navy)}.wb-accent-card--info{--wb-accent:var(--wb-blue)}.wb-accent-card--positive{--wb-accent:var(--wb-teal)}.wb-accent-card--reflection{--wb-accent:var(--wb-pink)}.wb-accent-card--action{--wb-accent:var(--wb-orange)}.wb-accent-card--attention{--wb-accent:var(--wb-yellow)}.wb-accent-card--critical{--wb-accent:var(--wb-red)}
.wb-btn{appearance:none;border:1px solid transparent;border-radius:var(--wb-radius-control);padding:12px 17px;min-height:44px;font-weight:var(--wb-font-weight-semibold);line-height:1.1;cursor:pointer}.wb-btn--primary{background:var(--wb-navy);color:var(--wb-paper)}.wb-btn--primary:hover{background:var(--wb-blue)}.wb-btn--secondary{background:var(--wb-paper);color:var(--wb-navy);border-color:var(--wb-line)}.wb-btn--secondary:hover{border-color:var(--wb-navy-28)}.wb-btn--destructive{background:var(--wb-red-08);color:var(--wb-navy);border-color:var(--wb-red-22)}
.wb-control{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--wb-line);background:var(--wb-paper);color:var(--wb-muted);border-radius:var(--wb-radius-control)}.wb-control[aria-pressed="true"],.wb-control.is-selected{background:var(--wb-state-selected);color:var(--wb-paper);border-color:var(--wb-state-selected)}
.wb-chip{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:6px 10px;border-radius:var(--wb-radius-pill);background:var(--wb-soft);border:1px solid var(--wb-line);color:var(--wb-muted);font-size:var(--wb-type-xs);font-weight:var(--wb-font-weight-medium)}.wb-chip--info{background:var(--wb-bg-info);border-color:transparent;color:var(--wb-navy)}.wb-chip--positive{background:var(--wb-bg-positive);border-color:transparent;color:var(--wb-navy)}.wb-chip--reflection{background:var(--wb-bg-reflection);border-color:transparent;color:var(--wb-navy)}.wb-chip--action{background:var(--wb-bg-action);border-color:transparent;color:var(--wb-navy)}.wb-chip--attention{background:var(--wb-bg-attention);border-color:transparent;color:var(--wb-navy)}.wb-chip--critical{background:var(--wb-bg-critical);border-color:transparent;color:var(--wb-navy)}
.wb-progress{height:8px;background:var(--wb-blue-14);border-radius:var(--wb-radius-pill);overflow:hidden}.wb-progress>span{display:block;height:100%;border-radius:inherit;background:var(--wb-navy)}.wb-progress.is-complete>span{background:var(--wb-teal)}
.wb-status-complete{background:var(--wb-teal-14);border-color:var(--wb-teal);color:var(--wb-navy)}.wb-status-minimum{background:var(--wb-yellow-14);border-color:var(--wb-yellow);color:var(--wb-navy)}.wb-status-none{background:var(--wb-paper);border-color:var(--wb-line);color:var(--wb-muted)}
.wb-mode--build{--wb-mode:var(--wb-teal);--wb-mode-bg:var(--wb-teal-14)}.wb-mode--steady{--wb-mode:var(--wb-blue);--wb-mode-bg:var(--wb-blue-14)}.wb-mode--protect{--wb-mode:var(--wb-yellow);--wb-mode-bg:var(--wb-yellow-14)}.wb-mode-badge{background:var(--wb-mode-bg,var(--wb-blue-08));color:var(--wb-navy);border:1px solid color-mix(in srgb,var(--wb-mode,var(--wb-blue)) 42%,transparent)}
.wb-input,.wb-select,.wb-textarea{width:100%;border:1px solid var(--wb-control-boundary);border-radius:var(--wb-radius-control);background:var(--wb-paper);color:var(--wb-navy);padding:12px 14px;min-height:44px;outline:none}.wb-input::placeholder,.wb-textarea::placeholder{color:var(--wb-muted);opacity:1}.wb-input:focus,.wb-select:focus,.wb-textarea:focus{border-color:var(--wb-blue);box-shadow:0 0 0 3px var(--wb-blue-14)}
@media(max-width:760px){.wb-shell{width:calc(100% - 2 * var(--wb-gutter-mobile));padding-block:var(--wb-space-4)}.wb-surface__header{padding:var(--wb-space-5)}.wb-surface__body{padding:28px 20px 24px}}


/* v1.4 identity + journey primitives */
.wb-role{--wb-role-accent:var(--wb-blue);display:inline-flex;align-items:center;gap:7px;color:var(--wb-navy)}
.wb-role::before{content:"";width:8px;height:8px;border-radius:3px;background:var(--wb-role-accent);flex:0 0 auto}
.wb-role--consultant{--wb-role-accent:var(--wb-role-consultant)}
.wb-role--advisor{--wb-role-accent:var(--wb-role-advisor)}
.wb-role--coach{--wb-role-accent:var(--wb-role-coach)}
.wb-role--therapist{--wb-role-accent:var(--wb-role-therapist)}

.wb-journey-progress{display:flex;align-items:center;gap:16px}
.wb-journey-progress__track{height:4px;flex:1;background:var(--wb-blue-08);border-radius:var(--wb-radius-pill);overflow:hidden}
.wb-journey-progress__fill{height:100%;background:var(--wb-navy);border-radius:inherit;transition:width var(--wb-motion-base) var(--wb-ease)}
.wb-journey-stage{border:1px solid var(--wb-line);border-radius:var(--wb-radius-card);background:var(--wb-paper)}
.wb-journey-stage.is-future{background:var(--wb-soft);color:var(--wb-muted)}.wb-journey-stage.is-future .wb-journey-stage__summary strong{color:var(--wb-muted)}
.wb-journey-stage.is-active{border-color:var(--wb-navy-28);box-shadow:var(--wb-shadow-hover)}
.wb-journey-stage__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--wb-space-4);padding:var(--wb-space-5) var(--wb-space-6)}
.wb-journey-stage__body{padding:var(--wb-space-6)}
.wb-journey-stage__body[hidden]{display:none!important}


/* Component maturity wave 1 — 2026-09-23
   Graduated from repeated Evaluation/MyProfile patterns.
   These are cross-product primitives; product-local CSS owns only task-specific composition. */

/* Field anatomy */
.wb-field{display:grid;gap:7px}
.wb-field__label{display:flex;align-items:baseline;gap:8px;color:var(--wb-navy);font-size:var(--wb-type-sm);font-weight:var(--wb-font-weight-semibold)}
.wb-field__optional{color:var(--wb-muted);font-size:var(--wb-type-xs);font-weight:var(--wb-font-weight-regular)}
.wb-field__help{color:var(--wb-muted);font-size:var(--wb-type-xs);line-height:1.45}
.wb-field__error{color:var(--wb-ink);font-size:var(--wb-type-xs);font-weight:var(--wb-font-weight-medium);line-height:1.45}
.wb-field[aria-invalid="true"] .wb-input,.wb-field[aria-invalid="true"] .wb-select,.wb-field[aria-invalid="true"] .wb-textarea{border-color:var(--wb-red)}
.wb-field[aria-invalid="true"] .wb-input:focus,.wb-field[aria-invalid="true"] .wb-select:focus,.wb-field[aria-invalid="true"] .wb-textarea:focus{box-shadow:0 0 0 3px var(--wb-red-14)}

/* Selectable choices */
.wb-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--wb-space-2)}
.wb-choice{position:relative;min-height:44px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--wb-line);border-radius:var(--wb-radius-control);background:var(--wb-paper);color:var(--wb-navy);cursor:pointer;transition:border-color var(--wb-motion-fast) var(--wb-ease),background var(--wb-motion-fast) var(--wb-ease)}
.wb-choice:hover{border-color:var(--wb-navy-28);background:var(--wb-soft)}
.wb-choice.is-selected,.wb-choice[aria-pressed="true"]{border-color:var(--wb-state-selected);background:var(--wb-state-selected);color:var(--wb-paper)}
.wb-choice input{accent-color:var(--wb-navy)}
.wb-choice__copy{display:grid;gap:2px}
.wb-choice__copy strong{font-weight:var(--wb-font-weight-semibold)}
.wb-choice__copy small{color:var(--wb-muted);font-size:var(--wb-type-xs);line-height:1.4}
.wb-choice.is-selected .wb-choice__copy small,.wb-choice[aria-pressed="true"] .wb-choice__copy small{color:var(--wb-paper)}

/* Completed/editable summary rows */
.wb-summary-list{display:grid;gap:var(--wb-space-2)}
.wb-summary-row{display:flex;align-items:center;justify-content:space-between;gap:var(--wb-space-4);min-height:58px;padding:13px 15px;border:1px solid var(--wb-line);border-radius:var(--wb-radius-card);background:var(--wb-paper)}
.wb-summary-row--embedded{border:0;border-radius:0;background:transparent}
.wb-summary-row__copy{min-width:0;display:grid;gap:3px}
.wb-summary-row__label{color:var(--wb-navy);font-size:var(--wb-type-sm);font-weight:var(--wb-font-weight-semibold)}
.wb-summary-row__value{color:var(--wb-muted);font-size:var(--wb-type-xs);line-height:1.45;overflow:hidden;text-overflow:ellipsis}
.wb-summary-row__action{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--wb-navy);padding:10px 0;font-weight:var(--wb-font-weight-semibold);cursor:pointer}
.wb-summary-row__action:hover{text-decoration:underline;text-underline-offset:3px}

/* Notice / boundary panels */
.wb-notice{--wb-notice-accent:var(--wb-blue);display:grid;gap:4px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--wb-notice-accent) 36%,var(--wb-line));border-radius:var(--wb-radius-control);background:color-mix(in srgb,var(--wb-notice-accent) 8%,var(--wb-paper));color:var(--wb-muted)}
.wb-notice strong{color:var(--wb-navy);font-weight:var(--wb-font-weight-semibold)}
.wb-notice--info{--wb-notice-accent:var(--wb-blue)}
.wb-notice--positive{--wb-notice-accent:var(--wb-teal)}
.wb-notice--attention{--wb-notice-accent:var(--wb-yellow)}
.wb-notice--critical{--wb-notice-accent:var(--wb-red)}
.wb-notice--reflection{--wb-notice-accent:var(--wb-pink)}

/* Explicit action boundaries */
.wb-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--wb-space-2);padding-top:var(--wb-space-5);border-top:1px solid var(--wb-line)}
.wb-actions--split{justify-content:space-between}
.wb-actions__status{margin-right:auto;color:var(--wb-muted);font-size:var(--wb-type-xs)}
.wb-actions--stack{flex-direction:column;align-items:stretch}

/* Native-dialog pattern */
.wb-dialog{width:min(620px,calc(100vw - 32px));border:0;padding:0;border-radius:var(--wb-radius-surface);background:transparent;box-shadow:var(--wb-shadow-surface)}
.wb-dialog::backdrop{background:rgba(27,48,79,.48);backdrop-filter:blur(4px)}
.wb-dialog__card{background:var(--wb-paper);border:1px solid var(--wb-line);border-radius:var(--wb-radius-surface);overflow:hidden;box-shadow:var(--wb-shadow-surface)}
.wb-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--wb-space-4);padding:var(--wb-space-6);border-bottom:1px solid var(--wb-line)}
.wb-dialog__body{padding:var(--wb-space-6)}
.wb-dialog__actions{display:flex;justify-content:flex-end;gap:var(--wb-space-2);padding:var(--wb-space-5) var(--wb-space-6);border-top:1px solid var(--wb-line)}
.wb-dialog__close{appearance:none;display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--wb-muted);font:inherit;font-size:1.5rem;line-height:1;cursor:pointer}

/* Reverse-chronological / evidence timeline */
.wb-timeline{display:grid}
.wb-timeline__item{--wb-timeline-accent:var(--wb-blue);position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding-bottom:var(--wb-space-4)}
.wb-timeline__item::before{content:"";position:absolute;left:7px;top:17px;bottom:-1px;width:1px;background:var(--wb-line)}
.wb-timeline__item:last-child{padding-bottom:0}.wb-timeline__item:last-child::before{display:none}
.wb-timeline__rail{position:relative;z-index:1}
.wb-timeline__marker{display:block;width:15px;height:15px;margin-top:7px;border-radius:50%;background:var(--wb-timeline-accent);box-shadow:0 0 0 4px var(--wb-paper)}
.wb-timeline__content{min-width:0}
.wb-timeline__meta{color:var(--wb-muted);font-size:var(--wb-type-xs);line-height:1.4}
.wb-timeline__title{margin:1px 0 0;color:var(--wb-navy);font-size:var(--wb-type-md);font-weight:var(--wb-font-weight-semibold)}
.wb-timeline__text{margin:4px 0 0;color:var(--wb-muted);font-size:var(--wb-type-sm);line-height:1.5}
.wb-timeline__item--consultant{--wb-timeline-accent:var(--wb-role-consultant)}
.wb-timeline__item--advisor{--wb-timeline-accent:var(--wb-role-advisor)}
.wb-timeline__item--coach{--wb-timeline-accent:var(--wb-role-coach)}
.wb-timeline__item--therapist{--wb-timeline-accent:var(--wb-role-therapist)}

/* Empty state */
.wb-empty{display:grid;gap:4px;padding:var(--wb-space-5);border:1px dashed var(--wb-line);border-radius:var(--wb-radius-card);background:var(--wb-canvas)}
.wb-empty strong{color:var(--wb-navy);font-weight:var(--wb-font-weight-semibold)}
.wb-empty span{color:var(--wb-muted);font-size:var(--wb-type-sm);line-height:1.5}

@media(max-width:620px){
  .wb-actions:not(.wb-actions--stack){align-items:stretch;flex-wrap:wrap}
  .wb-actions .wb-btn{flex:1}
  .wb-actions__status{width:100%;order:-1}
  .wb-dialog__header,.wb-dialog__body,.wb-dialog__actions{padding-left:var(--wb-space-5);padding-right:var(--wb-space-5)}
}
/* v1.4 accessibility reconciliation — 2026-09-27.
   Yellow remains the semantic focus signature; Navy provides the contrast keyline. */
.wb-input:focus-visible,.wb-select:focus-visible,.wb-textarea:focus-visible{outline:3px solid var(--wb-state-focus-keyline);outline-offset:3px;box-shadow:0 0 0 2px var(--wb-blue-14),0 0 0 6px var(--wb-state-focus-halo)}
.wb-field[aria-invalid="true"] .wb-input:focus-visible,.wb-field[aria-invalid="true"] .wb-select:focus-visible,.wb-field[aria-invalid="true"] .wb-textarea:focus-visible{box-shadow:0 0 0 2px var(--wb-red-14),0 0 0 6px var(--wb-state-focus-halo)}
/* Disabled state — neutral, legible and clearly non-operable. */
.wb-btn:disabled,.wb-btn[aria-disabled="true"]{background:var(--wb-soft);color:var(--wb-muted);border-color:var(--wb-line);cursor:not-allowed;box-shadow:none;opacity:1}
.wb-input:disabled,.wb-select:disabled,.wb-textarea:disabled{background:var(--wb-soft);color:var(--wb-muted);border-color:var(--wb-line);cursor:not-allowed;box-shadow:none;opacity:1;-webkit-text-fill-color:var(--wb-muted)}

/* Reduced-motion accessibility — shared transitions must respect user preference. */
@media(prefers-reduced-motion:reduce){.wb-journey-progress__fill,.wb-choice{transition:none}}