/* Shared blue palette for the employee workspace, management and sign-in. */
:root{
  --blue-50:hsl(214,100%,97%);
  --blue-100:hsl(214,100%,94%);
  --blue-200:hsl(214,85%,87%);
  --blue-300:hsl(214,72%,75%);
  --blue-500:hsl(214,85%,45%);
  --blue-600:hsl(214,88%,38%);
  --blue-800:hsl(214,70%,27%);
  --blue-900:hsl(216,55%,20%);
  --blue-muted:hsl(215,30%,39%);
  --blue-surface:hsl(214,100%,99%);
  --blue-control:hsl(214,30%,53%);
  --danger-100:hsl(4,80%,96%);
  --danger-700:hsl(4,68%,36%);
}
body,body.login-shell{background:var(--blue-100);background-image:none;color:var(--blue-900)}
a,.brand,.eyebrow,.brand span,.accepted-person,.reception-ready,.account-enabled{color:var(--blue-800)}
.muted,.brand-sub,.identity,.footnote,.delivery,.empty,.empty h2,.task small,.order small,#connection,#status,.aside-bottom,.history,.history small,.label,summary,.task-description-label,.bulk-controls span,.bulk-task-choice,.bulk-task-controls small,.bulk-task-status,.notification-unlock,.employee-message,.reports-status,.reports-empty,.reports-task small,.reports-member span,.reports-metric span,.reports-filters label span{color:var(--blue-muted)}
button,.login-card button,#send-message,.finish-button,.reports-filters>button,.reports-task-open{background:var(--blue-500);color:var(--blue-surface)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.task-original-button:focus-visible{outline-color:var(--blue-500)}
input,textarea,select{accent-color:var(--blue-500);border-color:var(--blue-control);color:var(--blue-900);background:var(--blue-surface)}
input::placeholder,textarea::placeholder{color:var(--blue-muted)}
.topbar,body>aside,.account-toolbar,.reports-header{background:var(--blue-50);border-color:var(--blue-200)}
.brand-icon{background:var(--blue-500);color:var(--blue-surface)}
.panel,.orders-panel,.detail-panel,.employee-list,.employee-editor,.performance-table,.quick-card,.login-card,.account-menu-panel,.account-create,.reports-metric,.reports-member,.reports-task{background:var(--blue-surface);border-color:var(--blue-200)}
.secondary,.quick-replies button,.account-avatar,.reports-close,.admin-sections button,.employee-team-directories .team-folder{background:var(--blue-100);color:var(--blue-800);border-color:var(--blue-200)}
nav button,.segments button,.account-menu-panel a,.account-menu-panel button{background:transparent;color:var(--blue-muted)}
nav button.active,.segments button.selected,.admin-sections button.active,.employee-team-directories .team-folder.selected{background:var(--blue-500);color:var(--blue-surface);border-color:var(--blue-500)}
.account-menu-panel a:hover,.account-menu-panel button:hover{background:var(--blue-100)}
.segments{background:var(--blue-100)}
.task,.order,.employee-card,.stats button{background:var(--blue-surface);color:var(--blue-900);border-color:var(--blue-200)}
.task.selected,.order.selected,.employee-card.selected{background:var(--blue-100);border-color:var(--blue-500)}
.order.selected{box-shadow:inset 4px 0 var(--blue-500)}
.stats strong{color:var(--blue-800)}
.pill,.tag,.task .unread,.empty-symbol,.demo{background:var(--blue-100);color:var(--blue-800);border-color:var(--blue-200)}
.original,.task-original,.task-original-button,.task-info-content,.feedback-box,.step,.employee-login-information,.performance-table th{background:var(--blue-50);color:var(--blue-900);border-color:var(--blue-200)}
.task-original-button:hover{background:var(--blue-100)}
.feedback-box p,.reminder-settings p{color:var(--blue-muted)}
.reception-controls,.acceptance-notice,.message-notice{background:var(--blue-50);color:var(--blue-800);border-color:var(--blue-300)}
.message-notice,.acceptance-notice{box-shadow:0 4px 16px hsl(202,100%,30%,.12)}
dialog,#conversation-dialog,.reports-dialog{background:var(--blue-surface);color:var(--blue-900);border-color:var(--blue-200)}
dialog::backdrop,#conversation-dialog::backdrop{background:hsl(216,55%,20%,.4)}
#conversation-dialog .conversation-heading,#chat-dock,.quick-replies,#message-form{background:var(--blue-50);border-color:var(--blue-200)}
#conversation-dialog #chat-body{background:var(--blue-100)}#conversation-dialog #messages{background:transparent}
.bubble{background:var(--blue-surface);color:var(--blue-900)}
.message:not(.mine):not(.system) .bubble:before{border-right-color:var(--blue-surface)}
.mine .bubble{background:var(--blue-500);color:var(--blue-surface)}
.mine .bubble:after{border-left-color:var(--blue-500)}
.message small,.message.system,.message.system .bubble{color:var(--blue-muted)}
.message.system .bubble{background:transparent}
#message-form textarea,.bulk-delete-dialog textarea,.account-dialog input,.login-card input,.account-create input,.account-create select,#task-team-filter,.reports-filters input,.reports-filters select{background:var(--blue-surface);border-color:var(--blue-control);color:var(--blue-900)}
.quick-replies button{border-color:var(--blue-300)}
.modal-close{background:var(--blue-100);color:var(--blue-800)}
.bulk-task-choice input,.permission-option input,.bulk-order-check input,.pause-after input{accent-color:var(--blue-500)}
.reports-outcome.success{background:var(--blue-100);color:var(--blue-800)}
.danger,.delete-task,.bulk-controls .danger{background:var(--danger-100);color:var(--danger-700)}
#error,#dialog-error,.quick-error,.account-fatal{background:var(--danger-100);color:var(--danger-700)}
#login-error,.account-disabled,.reports-error{color:var(--danger-700)}

/* Purple theme override: redefine the shared palette variables on the purple hue. */
:root{
  --blue-50:hsl(202,100%,97%);
  --blue-100:hsl(202,90%,94%);
  --blue-200:hsl(202,75%,87%);
  --blue-300:hsl(202,80%,76%);
  --blue-500:hsl(202,100%,41%);
  --blue-600:hsl(202,100%,36%);
  --blue-800:hsl(202,100%,30%);
  --blue-900:hsl(204,85%,22%);
  --blue-muted:hsl(204,25%,42%);
  --blue-surface:hsl(202,100%,99%);
  --blue-control:hsl(203,30%,52%);
}