.advisor-shell {
  --advisor-blue: #2563eb;
  --advisor-teal: #0f9f86;
}

.advisor-sidebar .director-avatar {
  color: #bfdbfe;
  background: #1d3e74;
}

.advisor-scope {
  display: grid;
  gap: 4px;
  margin: 12px 6px 0;
  padding: 10px 11px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 7px;
  background: rgba(255, 255, 255, .035);
}

.advisor-scope span {
  color: #66758e;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.advisor-scope strong {
  overflow: hidden;
  color: #dce5f3;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.advisor-badge {
  color: #087f6e;
  background: #e5f7f2;
}

.advisor-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
  margin-bottom: 15px;
}

.compact-metrics .director-metric {
  min-height: 92px;
}

.advisor-flow-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 15px;
  padding: 17px 20px;
  color: white;
  border-radius: 8px;
  background: linear-gradient(115deg, #14223a, #101a2d 70%);
  box-shadow: 0 10px 25px rgba(16, 24, 40, .09);
}

.advisor-flow-banner h2 {
  margin: 0 0 4px;
  font-size: 12px;
}

.advisor-flow-banner p {
  max-width: 620px;
  margin: 0;
  color: #8794aa;
  font-size: 8px;
  line-height: 1.55;
}

.advisor-flow-path {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.advisor-flow-path span {
  max-width: 140px;
  overflow: hidden;
  padding: 7px 10px;
  color: #bed4ff;
  border-radius: 5px;
  background: #1d3e74;
  font-size: 7px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.advisor-flow-path span:last-child {
  color: #b9f6de;
  background: #194b43;
}

.advisor-flow-path i {
  width: 16px;
  height: 1px;
  background: #46536a;
}

.advisor-attention-row {
  display: flex;
  gap: 9px;
  margin-bottom: 15px;
}

.advisor-attention-row > a,
.advisor-attention-row > span {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  color: #7c5d13;
  border: 1px solid #f0dfb5;
  border-radius: 7px;
  background: #fffaf0;
  font-size: 8px;
}

.advisor-attention-row strong {
  display: grid;
  min-width: 22px;
  height: 22px;
  place-items: center;
  color: #92400e;
  border-radius: 50%;
  background: #fde9bd;
  font-size: 9px;
}

.advisor-attention-row small {
  font-size: 8px;
}

.advisor-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: 11px;
}

.advisor-pipeline-list,
.advisor-work-list,
.advisor-goal-list {
  display: grid;
}

.advisor-pipeline-list > div {
  display: grid;
  gap: 7px;
  padding: 9px 0;
  border-bottom: 1px solid #edf0f4;
}

.advisor-pipeline-list > div:last-child {
  border-bottom: 0;
}

.advisor-pipeline-list > div > span {
  display: flex;
  justify-content: space-between;
  color: #667085;
  font-size: 8px;
}

.advisor-pipeline-list b {
  color: #263247;
}

.advisor-pipeline-list > div > div {
  overflow: hidden;
  height: 5px;
  border-radius: 7px;
  background: #edf0f4;
}

.advisor-pipeline-list i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2563eb;
}

.advisor-pipeline-list .stage-contacted { background: #7c3aed; }
.advisor-pipeline-list .stage-qualified { background: #d97706; }
.advisor-pipeline-list .stage-converted { background: #0f9f86; }

.advisor-agenda-card .director-agenda-item {
  transition: background .18s ease;
}

.advisor-agenda-card .director-agenda-item:hover {
  background: #fafbfc;
}

.advisor-work-list > div,
.advisor-goal-list > div {
  display: grid;
  align-items: center;
  gap: 9px;
  padding: 9px 0;
  border-bottom: 1px solid #edf0f4;
}

.advisor-work-list > div {
  grid-template-columns: 27px minmax(0, 1fr) auto;
}

.advisor-work-list > div:last-child,
.advisor-goal-list > div:last-child {
  border-bottom: 0;
}

.advisor-work-list > div > div,
.advisor-goal-list > div > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.advisor-work-list strong,
.advisor-goal-list strong {
  overflow: hidden;
  color: #263247;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.advisor-work-list small,
.advisor-goal-list small {
  color: #8a93a3;
  font-size: 7px;
}

.advisor-kind {
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  color: #1d4ed8;
  border-radius: 7px;
  background: #e8f0ff;
  font-size: 8px;
  font-weight: 900;
}

.advisor-kind.kind-goal {
  color: #7c3aed;
  background: #f1eaff;
}

.advisor-work-list a,
.advisor-row-action,
.advisor-row-actions a {
  color: #2563eb;
  font-size: 7px;
  font-weight: 800;
}

.advisor-state,
.advisor-row-muted {
  color: #98a1af;
  font-size: 7px;
}

.advisor-goal-list > div {
  grid-template-columns: 7px minmax(0, 1fr) auto;
}

.advisor-goal-list > div > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7c3aed;
  box-shadow: 0 0 0 4px #f1eaff;
}

.advisor-goal-list b {
  color: #6d28d9;
  font-size: 7px;
}

.advisor-requests-summary {
  display: grid;
  gap: 7px;
  margin-top: 13px;
  padding-top: 12px;
  border-top: 1px solid #edf0f4;
}

.advisor-requests-summary > strong {
  color: #667085;
  font-size: 8px;
}

.advisor-requests-summary > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 7px;
}

.advisor-requests-summary b {
  overflow: hidden;
  color: #344054;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.advisor-requests-summary i,
.advisor-request-list i {
  padding: 4px 7px;
  border-radius: 20px;
  font-size: 6px;
  font-style: normal;
  font-weight: 900;
}

.request-pending { color: #a15c00; background: #fff1d3; }
.request-approved { color: #087f6e; background: #e5f7f2; }
.request-rejected { color: #b42330; background: #fff0f1; }

.advisor-empty {
  display: grid;
  justify-items: center;
  gap: 5px;
  padding: 24px 12px;
  color: #8a93a3;
  border: 1px dashed #dfe4eb;
  border-radius: 7px;
  background: #fafbfc;
  font-size: 8px;
  text-align: center;
}

.advisor-empty strong {
  color: #5f6b7c;
  font-size: 9px;
}

.advisor-empty a {
  margin-top: 3px;
  color: #2563eb;
  font-weight: 800;
}

.advisor-empty.compact {
  padding: 15px 10px;
}

.advisor-work-list > .advisor-empty,
.advisor-goal-list > .advisor-empty,
.advisor-request-list > .advisor-empty {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 5px;
  border: 1px dashed #dfe4eb;
}

.advisor-goal-list > .advisor-empty > span {
  width: auto;
  height: auto;
  color: #8a93a3;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.advisor-directory-card {
  padding: 15px;
}

.advisor-directory-card .director-section-heading > small {
  color: #8a93a3;
  font-size: 7px;
}

.advisor-filterbar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(130px, .35fr) auto auto;
  align-items: end;
  gap: 8px;
  margin-bottom: 14px;
  padding: 11px;
  border: 1px solid #e8ebf0;
  border-radius: 7px;
  background: #f8f9fb;
}

.advisor-filterbar.work-filters {
  grid-template-columns: minmax(180px, 1fr) minmax(105px, .3fr) minmax(120px, .35fr) auto auto;
}

.advisor-filterbar.agenda-filters {
  grid-template-columns: minmax(220px, 1fr) minmax(130px, .35fr) auto auto;
}

.advisor-filterbar label {
  display: grid;
  gap: 5px;
}

.advisor-filterbar label > span {
  color: #818b9b;
  font-size: 7px;
  font-weight: 800;
}

.advisor-filterbar input,
.advisor-filterbar select {
  width: 100%;
  min-height: 34px;
  padding: 7px 9px;
  color: #344054;
  border: 1px solid #dfe4eb;
  border-radius: 6px;
  outline: none;
  background: white;
  font: inherit;
  font-size: 8px;
}

.advisor-filterbar input:focus,
.advisor-filterbar select:focus {
  border-color: #93b4fa;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .08);
}

.advisor-table-wrap {
  overflow-x: auto;
}

.advisor-table-head,
.advisor-table-row {
  display: grid;
  align-items: center;
  gap: 10px;
  min-width: 780px;
}

.advisor-table-head {
  padding: 8px 10px;
  color: #929baa;
  border-bottom: 1px solid #e8ebf0;
  background: #fafbfc;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.advisor-table-row {
  padding: 11px 10px;
  color: #687386;
  border-bottom: 1px solid #edf0f4;
  font-size: 8px;
}

.advisor-table-row:last-child {
  border-bottom: 0;
}

.prospect-columns {
  grid-template-columns: minmax(155px, 1.25fr) minmax(155px, 1.1fr) minmax(80px, .55fr) 80px 75px 92px;
}

.work-columns {
  min-width: 620px;
  grid-template-columns: minmax(155px, 1.35fr) 50px 70px 82px 88px 112px;
}

.advisor-person {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.advisor-person > i {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  color: #1d4ed8;
  border-radius: 50%;
  background: #e8f0ff;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

.advisor-person > span,
.advisor-contact,
.advisor-table-row > div:first-child {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.advisor-person strong,
.advisor-contact strong,
.advisor-table-row > div:first-child strong {
  overflow: hidden;
  color: #263247;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.advisor-person small,
.advisor-contact small,
.advisor-table-row > div:first-child small,
.advisor-table-row time {
  overflow: hidden;
  color: #8a93a3;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.advisor-pill {
  display: inline-flex;
  width: fit-content;
  padding: 4px 7px;
  color: #475467;
  border-radius: 20px;
  background: #f0f2f5;
  font-size: 7px;
  font-weight: 800;
  white-space: nowrap;
}

.status-new,
.status-scheduled { color: #1d4ed8; background: #e8f0ff; }
.status-contacted,
.status-in_progress { color: #6d28d9; background: #f1eaff; }
.status-qualified,
.status-pending,
.approval-pending { color: #a15c00; background: #fff1d3; }
.status-converted,
.status-completed,
.approval-approved,
.approval-not_required { color: #087f6e; background: #e5f7f2; }
.status-disqualified,
.status-cancelled,
.approval-rejected { color: #b42330; background: #fff0f1; }

.advisor-row-actions {
  display: flex;
  align-items: center;
  gap: 7px;
}

.advisor-row-actions a + a {
  padding-left: 7px;
  border-left: 1px solid #e3e7ed;
}

.advisor-work-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  align-items: start;
  gap: 11px;
}

.advisor-process-card h2 {
  margin: 0 0 7px;
  color: #172033;
  font-size: 13px;
}

.advisor-process-card > p {
  margin: 0 0 13px;
  color: #7b8494;
  font-size: 8px;
  line-height: 1.55;
}

.advisor-request-list {
  display: grid;
  gap: 8px;
}

.advisor-request-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  padding: 9px;
  border: 1px solid #edf0f4;
  border-radius: 7px;
  background: #fafbfc;
}

.advisor-request-list span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.advisor-request-list strong {
  overflow: hidden;
  color: #344054;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.advisor-request-list small {
  color: #8a93a3;
  font-size: 7px;
}

.advisor-request-list p {
  grid-column: 1 / -1;
  margin: 2px 0 0;
  color: #7b8494;
  font-size: 7px;
  line-height: 1.45;
}

.advisor-agenda-directory {
  display: grid;
}

.advisor-agenda-directory > article {
  display: grid;
  grid-template-columns: 42px 82px minmax(220px, 1fr) 80px 75px;
  align-items: center;
  gap: 12px;
  padding: 12px 10px;
  border-bottom: 1px solid #edf0f4;
}

.advisor-agenda-directory > article:last-child {
  border-bottom: 0;
}

.advisor-agenda-directory time {
  display: grid;
  width: 41px;
  height: 48px;
  place-content: center;
  color: #1d4ed8;
  border-radius: 7px;
  background: #e8f0ff;
  text-align: center;
}

.advisor-agenda-directory time strong {
  font-size: 14px;
  line-height: 1;
}

.advisor-agenda-directory time span,
.advisor-agenda-directory time small {
  font-size: 6px;
  text-transform: uppercase;
}

.agenda-time,
.agenda-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.agenda-time strong,
.agenda-copy strong {
  overflow: hidden;
  color: #263247;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agenda-time small,
.agenda-copy span,
.agenda-copy small {
  overflow: hidden;
  color: #8a93a3;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .advisor-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .advisor-dashboard-grid,
  .advisor-work-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .advisor-flow-banner {
    align-items: flex-start;
    flex-direction: column;
  }

  .advisor-flow-path {
    max-width: 100%;
    overflow-x: auto;
  }

  .advisor-filterbar,
  .advisor-filterbar.work-filters,
  .advisor-filterbar.agenda-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .advisor-attention-row {
    flex-direction: column;
  }

  .advisor-agenda-directory {
    overflow-x: auto;
  }

  .advisor-agenda-directory > article {
    min-width: 670px;
  }
}

@media (max-width: 560px) {
  .advisor-metrics,
  .advisor-filterbar,
  .advisor-filterbar.work-filters,
  .advisor-filterbar.agenda-filters {
    grid-template-columns: 1fr;
  }
}

.advisor-form-errors,
.advisor-form-notice {
  margin-bottom: 13px;
  padding: 11px 13px;
  color: #9f3039;
  border: 1px solid #f1c9cd;
  border-radius: 7px;
  background: #fff5f5;
  font-size: 8px;
}

.advisor-form-errors p,
.advisor-form-notice p {
  margin: 3px 0 0;
  line-height: 1.5;
}

.advisor-form-notice.process {
  color: #7c5d13;
  border-color: #f0dfb5;
  background: #fffaf0;
}

.advisor-form-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 285px;
  align-items: start;
  gap: 12px;
}

.advisor-form-layout.narrow {
  max-width: 900px;
  margin: 0 auto;
}

.advisor-objective-sections {
  display: grid;
  gap: 12px;
}

.advisor-form-card,
.advisor-form-summary {
  padding: 18px;
}

.advisor-form-heading {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #edf0f4;
}

.advisor-form-heading > span {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  color: #1d4ed8;
  border-radius: 8px;
  background: #e8f0ff;
  font-size: 8px;
  font-weight: 900;
}

.advisor-form-heading small {
  color: #2563eb;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.advisor-form-heading h2,
.advisor-form-summary h2 {
  margin: 3px 0 4px;
  color: #172033;
  font-size: 14px;
}

.advisor-form-heading p,
.advisor-form-summary > p {
  margin: 0;
  color: #7b8494;
  font-size: 8px;
  line-height: 1.55;
}

.advisor-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.advisor-fields.single {
  grid-template-columns: 1fr;
}

.advisor-field {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 6px;
}

.advisor-field.wide {
  grid-column: 1 / -1;
}

.advisor-field label {
  color: #536073;
  font-size: 8px;
  font-weight: 800;
}

.advisor-field label b {
  margin-left: 2px;
  color: #dc3545;
}

.advisor-field input,
.advisor-field select,
.advisor-field textarea {
  width: 100%;
  min-height: 38px;
  padding: 9px 10px;
  color: #263247;
  border: 1px solid #dfe4eb;
  border-radius: 6px;
  outline: none;
  background: white;
  font: inherit;
  font-size: 9px;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.advisor-field textarea {
  min-height: 86px;
  resize: vertical;
  line-height: 1.5;
}

.advisor-field input:focus,
.advisor-field select:focus,
.advisor-field textarea:focus {
  border-color: #93b4fa;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .08);
}

.advisor-field > small {
  color: #8a93a3;
  font-size: 7px;
}

.advisor-field .field-error {
  color: #b42330;
}

.advisor-form-summary {
  position: sticky;
  top: 24px;
}

.advisor-form-summary > p {
  margin-bottom: 15px;
}

.advisor-summary-step {
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid #edf0f4;
}

.advisor-summary-step i {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  color: #1d4ed8;
  border-radius: 50%;
  background: #e8f0ff;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

.advisor-summary-step > span {
  display: grid;
  gap: 2px;
}

.advisor-summary-step strong,
.advisor-control-note strong {
  color: #344054;
  font-size: 8px;
}

.advisor-summary-step small,
.advisor-control-note span {
  color: #8a93a3;
  font-size: 7px;
}

.advisor-control-note {
  display: grid;
  gap: 3px;
  padding: 9px 0;
  border-bottom: 1px solid #edf0f4;
}

.advisor-submit {
  width: 100%;
  margin-top: 16px;
}

.advisor-objective-cancel {
  width: 100%;
  margin-top: 8px;
}

.objective-compact-header {
  margin-bottom: 12px;
}

.objective-quick-form {
  display: grid;
  gap: 12px;
}

.objective-quick-card .advisor-form-heading {
  margin-bottom: 13px;
  padding-bottom: 11px;
}

.objective-account-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tire-type-bar {
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 14px;
  padding: 4px;
  gap: 4px;
  border: 1px solid #dfe5ee;
  border-radius: 10px;
  background: #f4f7fb;
}

.tire-type-option,
.tire-type-all {
  min-height: 34px;
  padding: 8px 16px;
  color: #657085;
  border: 0;
  border-radius: 7px;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 8px;
  font-weight: 850;
  transition: color .16s ease, background .16s ease, box-shadow .16s ease;
}

.tire-type-option {
  position: relative;
  display: grid;
  place-items: center;
}

.tire-type-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.tire-type-option:hover,
.tire-type-all:hover {
  color: #1d4ed8;
  background: #e8f0ff;
}

.tire-type-option.active,
.tire-type-all.active {
  color: #fff;
  background: #2563eb;
  box-shadow: 0 5px 12px rgba(37, 99, 235, .18);
}

.tire-type-option:focus-within,
.tire-type-all:focus-visible {
  outline: 3px solid rgba(37, 99, 235, .16);
  outline-offset: 1px;
}

.tire-type-error {
  display: block;
  margin: -7px 0 12px;
  color: #b42330;
  font-size: 7px;
}

.tire-targets {
  display: grid;
  gap: 8px;
}

.tire-target-row {
  display: grid;
  grid-template-columns: 105px 130px minmax(220px, 1fr);
  align-items: end;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #e5eaf1;
  border-radius: 9px;
  background: #fbfcfe;
}

.tire-target-row[hidden] {
  display: none;
}

.tire-target-row > strong {
  align-self: center;
  color: #253047;
  font-size: 9px;
}

.objective-follow-up-fields {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.objective-optional-details {
  margin-top: 14px;
  border-top: 1px solid #edf0f4;
}

.objective-optional-details summary {
  width: fit-content;
  padding: 12px 0 2px;
  color: #2563eb;
  cursor: pointer;
  font-size: 8px;
  font-weight: 850;
}

.objective-optional-details[open] summary {
  margin-bottom: 12px;
}

.objective-quick-actions {
  position: sticky;
  z-index: 4;
  bottom: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 9px;
  padding: 11px 13px;
  border: 1px solid #dfe5ee;
  border-radius: 11px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 12px 30px rgba(30, 41, 59, .12);
  backdrop-filter: blur(12px);
}

.objective-quick-actions > div {
  display: grid;
  gap: 2px;
}

.objective-quick-actions strong {
  color: #253047;
  font-size: 9px;
}

.objective-quick-actions span {
  color: #8490a2;
  font-size: 7px;
}

@media (max-width: 900px) {
  .objective-follow-up-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tire-target-row {
    grid-template-columns: 90px 110px minmax(180px, 1fr);
  }
}

@media (max-width: 640px) {
  .objective-account-fields,
  .objective-follow-up-fields {
    grid-template-columns: 1fr;
  }

  .tire-type-bar {
    width: 100%;
    overflow-x: auto;
  }

  .tire-type-option,
  .tire-type-all {
    flex: 1 0 auto;
    padding-inline: 12px;
  }

  .tire-target-row {
    grid-template-columns: 1fr 1fr;
  }

  .tire-target-row > strong {
    grid-column: 1 / -1;
  }

  .objective-quick-actions {
    position: static;
    grid-template-columns: 1fr 1fr;
  }

  .objective-quick-actions > div {
    grid-column: 1 / -1;
  }
}

.work-item-primary-link {
  color: #172033;
  font-weight: 850;
  text-decoration: none;
}

.work-item-primary-link:hover {
  color: #2563eb;
}

.objective-breadcrumb {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
  color: #8590a3;
  font-size: 7px;
}

.objective-breadcrumb a {
  color: #2563eb;
  text-decoration: none;
}

.opportunity-temperature {
  padding: 6px 9px;
  border-radius: 999px;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.temperature-cold {
  color: #2563eb;
  background: #e8f0ff;
}

.temperature-warm {
  color: #b45309;
  background: #fff3d7;
}

.temperature-hot {
  color: #b42330;
  background: #ffe8eb;
}

.objective-detail-metrics {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}

.objective-progress-hero,
.objective-stage-card {
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 17px;
}

.objective-progress-hero > div {
  display: flex;
  align-items: baseline;
  gap: 9px;
}

.objective-progress-hero > div strong {
  color: #172033;
  font-size: 25px;
}

.objective-progress-hero > div span,
.objective-stage-card small {
  color: #8490a2;
  font-size: 8px;
}

.objective-stage-card > strong {
  color: #172033;
  font-size: 13px;
}

.objective-progress-hero progress,
.objective-target-list progress {
  width: 100%;
  height: 7px;
  overflow: hidden;
  border: 0;
  border-radius: 999px;
  background: #e9edf3;
}

.objective-progress-hero progress::-webkit-progress-bar,
.objective-target-list progress::-webkit-progress-bar {
  border-radius: 999px;
  background: #e9edf3;
}

.objective-progress-hero progress::-webkit-progress-value,
.objective-target-list progress::-webkit-progress-value {
  border-radius: 999px;
  background: linear-gradient(90deg, #2563eb, #2d9b8f);
}

.objective-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: start;
  gap: 12px;
}

.objective-detail-main {
  display: grid;
  gap: 12px;
}

.objective-target-card,
.objective-activity-card,
.objective-history-card {
  padding: 18px;
}

.objective-target-list {
  display: grid;
  gap: 11px;
}

.objective-target-list > div {
  display: grid;
  gap: 7px;
  padding: 11px 12px;
  border: 1px solid #e7ebf1;
  border-radius: 9px;
  background: #fbfcfe;
}

.objective-target-list header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.objective-target-list header > span {
  display: grid;
  gap: 2px;
}

.objective-target-list strong,
.objective-target-list b {
  color: #273247;
  font-size: 9px;
}

.objective-target-list small {
  color: #8893a4;
  font-size: 7px;
}

.objective-activity-list {
  display: grid;
}

.objective-activity-list > div {
  display: grid;
  grid-template-columns: 55px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  padding: 11px 0;
  border-bottom: 1px solid #edf0f4;
}

.objective-activity-list time,
.objective-activity-list > div > span {
  display: grid;
  gap: 2px;
}

.objective-activity-list strong,
.objective-activity-list a {
  color: #2c374b;
  font-size: 8px;
}

.objective-activity-result {
  display: grid;
  justify-items: end;
  gap: 3px;
}

.objective-activity-list a {
  color: #2563eb;
  font-weight: 850;
  text-decoration: none;
}

.objective-activity-list small {
  color: #8994a5;
  font-size: 7px;
}

.objective-history-card {
  position: sticky;
  top: 18px;
}

.objective-history-card h2 {
  margin: 5px 0 15px;
  color: #172033;
  font-size: 14px;
}

.objective-history-list {
  display: grid;
}

.objective-history-list > div {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  gap: 8px;
  min-height: 58px;
}

.objective-history-list i {
  position: relative;
  width: 8px;
  height: 8px;
  margin-top: 3px;
  border: 2px solid #2563eb;
  border-radius: 50%;
  background: white;
}

.objective-history-list i::after {
  position: absolute;
  top: 8px;
  left: 2px;
  width: 1px;
  height: 45px;
  background: #dfe5ee;
  content: "";
}

.objective-history-list > div:last-child i::after {
  display: none;
}

.objective-history-list span,
.objective-quantity-history,
.objective-quantity-history span {
  display: grid;
  gap: 3px;
}

.objective-history-list strong,
.objective-quantity-history > strong,
.objective-quantity-history b {
  color: #354055;
  font-size: 8px;
}

.objective-history-list small,
.objective-history-list time,
.objective-quantity-history small {
  color: #8b95a6;
  font-size: 7px;
}

.objective-quantity-history {
  margin-top: 10px;
  padding-top: 13px;
  border-top: 1px solid #edf0f4;
  gap: 9px;
}

.objective-target-inputs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.objective-progress-form,
.objective-outcome-form {
  display: grid;
  gap: 12px;
}

.next-activity-switch {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 13px;
  color: #263247;
  font-size: 9px;
  font-weight: 850;
}

.next-activity-switch input {
  width: 17px;
  height: 17px;
  accent-color: #2563eb;
}

.next-activity-fields[hidden] {
  display: none;
}

.advisor-row-action.primary {
  color: white;
  background: #2563eb;
}

.advisor-calendar-card {
  overflow: hidden;
  padding: 0;
}

.advisor-calendar-topbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  padding: 17px 18px 14px;
}

.advisor-calendar-topbar h2 {
  margin: 4px 0 0;
  color: #172033;
  font-size: 17px;
}

.advisor-calendar-controls {
  display: flex;
  align-items: end;
  gap: 9px;
}

.advisor-calendar-search,
.advisor-calendar-status {
  display: grid;
  gap: 5px;
}

.advisor-calendar-search span,
.advisor-calendar-status span {
  color: #6f7b8e;
  font-size: 7px;
  font-weight: 850;
}

.advisor-calendar-search input,
.advisor-calendar-status select {
  height: 35px;
  padding: 7px 10px;
  color: #2d384d;
  border: 1px solid #dfe5ed;
  border-radius: 7px;
  outline: none;
  background: white;
  font: inherit;
  font-size: 8px;
}

.advisor-calendar-search input {
  width: min(310px, 32vw);
}

.advisor-calendar-status select {
  min-width: 125px;
}

.advisor-calendar-search input:focus,
.advisor-calendar-status select:focus {
  border-color: #93b4fa;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .08);
}

.advisor-calendar-controls nav {
  display: flex;
  align-items: center;
  gap: 5px;
}

.advisor-calendar-controls nav a {
  display: grid;
  width: 35px;
  height: 35px;
  place-items: center;
  color: #526074;
  border: 1px solid #dfe5ed;
  border-radius: 7px;
  font-size: 10px;
  font-weight: 850;
  text-decoration: none;
}

.advisor-calendar-controls nav .today-link {
  width: auto;
  padding-inline: 11px;
  font-size: 8px;
}

.advisor-calendar-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 18px;
  color: #6f7b8e;
  border-top: 1px solid #edf0f4;
  background: #fbfcfe;
  font-size: 7px;
}

.advisor-calendar-summary > span {
  color: #2563eb;
  font-weight: 850;
}

.advisor-calendar-grid .advisor-calendar-day {
  min-height: 112px;
}

.advisor-calendar-day.without-visible-events {
  background: #fafbfc;
}

.advisor-calendar-day.without-visible-events:not(.today) > time {
  color: #a7b0be;
}

.advisor-calendar-day.has-visible-events {
  background: white;
}

.advisor-calendar-day.has-visible-events > time {
  color: #1d4ed8;
  background: #eaf1ff;
}

.advisor-calendar-day.today > time {
  color: white;
  background: #2563eb;
}

.advisor-calendar-events a {
  display: grid;
  gap: 1px;
  padding: 5px 6px;
  white-space: normal;
  text-decoration: none;
}

.advisor-calendar-events a[hidden] {
  display: none;
}

.advisor-calendar-events a > span {
  font-size: 6px;
}

.advisor-calendar-events a > b {
  overflow: hidden;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.advisor-calendar-events a > small {
  overflow: hidden;
  color: #6f7f94;
  font-size: 6px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.advisor-calendar-empty {
  padding: 22px;
  color: #7f8a9c;
  border-top: 1px solid #edf0f4;
  text-align: center;
}

.advisor-calendar-empty strong,
.advisor-calendar-empty span {
  display: block;
}

.advisor-calendar-empty strong {
  margin-bottom: 4px;
  color: #354055;
  font-size: 9px;
}

.advisor-calendar-empty span {
  font-size: 7px;
}

@media (max-width: 900px) {
  .advisor-calendar-topbar {
    align-items: stretch;
    flex-direction: column;
  }

  .advisor-calendar-controls {
    flex-wrap: wrap;
  }

  .advisor-calendar-search {
    flex: 1 1 260px;
  }

  .advisor-calendar-search input {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .advisor-calendar-card {
    overflow-x: auto;
  }

  .advisor-calendar-topbar,
  .advisor-calendar-summary {
    min-width: 720px;
  }

  .advisor-calendar-weekdays,
  .advisor-calendar-grid {
    min-width: 720px;
  }
}

@media (max-width: 900px) {
  .objective-detail-metrics,
  .objective-detail-grid {
    grid-template-columns: 1fr;
  }

  .objective-history-card {
    position: static;
  }
}

@media (max-width: 640px) {
  .objective-target-inputs {
    grid-template-columns: 1fr;
  }

  .objective-activity-list > div {
    grid-template-columns: 48px minmax(0, 1fr);
  }
}

.advisor-submit:disabled {
  cursor: not-allowed;
  opacity: .55;
}

@media (max-width: 900px) {
  .advisor-form-layout {
    grid-template-columns: 1fr;
  }

  .advisor-form-summary {
    position: static;
  }
}

@media (max-width: 560px) {
  .advisor-fields {
    grid-template-columns: 1fr;
  }
}
