/* A softer interpretation of the logo palette, with white text on filled actions. */
:root{
 --brand-blue:#31779d;
 --brand-green:#6aa68e;
 --brand-blue-hover:#2c6a8c;
 --brand-green-ink:#386e59;
 --brand-link:#356c89;
 --brand-blue-pale:#f1f6f9;
 --brand-green-pale:#f1f7f3;
 --brand-focus:#477f9c;
 --brand-line:#e1e9ed;
 --brand-ink:#092c41;
 --teal:var(--brand-link);
 --teal-dark:#2c6a8c;
 --deep:#2c6a8c;
 --pale:var(--brand-blue-pale);
}
a{color:var(--brand-link)}
.primary,.button:not(.secondary),.send{background:var(--brand-blue);color:#fff;border-color:transparent;box-shadow:0 3px 12px #31779d0c}
.primary:hover,.button:not(.secondary):hover,.send:hover{background:var(--brand-blue-hover);color:#fff}
.primary:active,.button:not(.secondary):active,.send:active{background:#255d7b}
.button.secondary{color:var(--brand-link);border-color:#dce6ec;background:#fff}
.button.secondary:hover{background:var(--brand-blue-pale)}
.eyebrow,.welcome .eyebrow,.context-heading .eyebrow{color:var(--brand-green-ink)}
.starter{border-color:#e3e9ec}.starter:hover{border-color:var(--brand-blue);background:#f7f9fb}
.starter strong span{color:var(--brand-blue)}.starter:nth-child(2) strong span{color:var(--brand-green)}
.history-search input:focus{border-color:var(--brand-focus);box-shadow:0 0 0 3px #31779d0d}
.history-filters button[aria-pressed=true]{color:var(--brand-green-ink);background:var(--brand-green-pale)}
.conversation-item:hover{background:var(--brand-blue-pale);color:var(--brand-ink)}
.conversation-item.selected{background:var(--brand-blue-pale);color:var(--brand-ink);box-shadow:inset 3px 0 var(--brand-blue)}
.status-dot.on,.ops-health-dot{background:var(--brand-green)}.ops-health-dot.warning{background:#d49434}
.composer-wrap{border-color:#dfe8ed;box-shadow:0 5px 26px #31779d06}
.composer-wrap:focus-within{border-color:var(--brand-focus);box-shadow:0 0 0 2px #31779d0a,0 5px 25px #31779d08}
.composer-actions .cw-button{color:var(--brand-link)}
.composer-actions .cw-button:hover,.quiet:hover{background:var(--brand-blue-pale)}
.composer-actions>.quiet,.thread-tools .quiet,.context-page,.clinical-workbench details>summary{color:var(--brand-link)}
.thread-tools #contextCount{color:var(--brand-green-ink);background:var(--brand-green-pale)}
.selection-note{background:var(--brand-green-pale);color:var(--brand-green-ink);border-left:2px solid var(--brand-green)}
.message.user{background:#f2f6f9}.message-actions button{color:var(--brand-link);background:var(--brand-blue-pale)}
.message-actions button:hover{background:#eaf1f5}
.review-context{background:#fcfdfd;border-left-color:var(--brand-line)}
.review-context .cw-button,.cw-dialog .cw-button{color:var(--brand-link);border-color:#dde8ec;background:#fff}
.review-context .cw-button:hover,.cw-dialog .cw-button:hover{background:var(--brand-blue-pale)}
.review-context .cw-file{border-color:var(--brand-line)}
.drop-hint{color:var(--brand-link);border-color:var(--brand-blue);background:#f1f6f9f5}.dragging .composer-wrap{border-color:var(--brand-blue)}
.account-menu[open]>summary,.thread-menu[open]>summary{background:var(--brand-blue-pale)}
.extension-link,.callout,.quickstart{background:var(--brand-green-pale);color:var(--brand-green-ink)}
.extension-link{border:1px solid #dfece4}.callout,.quickstart{border-color:#dfece4}
.filter[aria-pressed=true]{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}
.ops-banner{background:var(--brand-green-pale);border-color:#dfece4;color:var(--brand-green-ink)}
.safety{background:#f6f9f7;color:#416c5c;border-bottom-color:#e7eeea}
.signin-panel{background:radial-gradient(at 32% 20%,#f0f5f8,transparent 56%),radial-gradient(at 78% 70%,#f2f7f4,transparent 54%),#fff}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--brand-focus);outline-offset:3px}
.danger,.cw-status.error,.ops-status.error{color:#a73535}.danger:hover{background:#fff1f1}
/* The composer itself supplies the keyboard focus indicator. */
.composer textarea:focus-visible{outline:none}
.composer-wrap:focus-within{border-color:var(--brand-focus);box-shadow:0 0 0 1px var(--brand-focus),0 5px 25px #31779d08}
