/* Final shared screen layer. Keep workflow rules in views and print layouts intact. */
@media screen {
:root {
  --mtas-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mtas-ink: #243640;
  --mtas-muted: #566773;
  --mtas-line: #d8e1e5;
  --mtas-surface: #fff;
  --mtas-canvas: #edf2f4;
  --mtas-accent: #216e63;
  --mtas-radius: 7px;
}
body.mtas-app, body:has(.auth-shell) {
  font-family: var(--mtas-font);
  font-size: 15px;
  line-height: 1.45;
  color: var(--mtas-ink);
  background: var(--mtas-canvas) !important;
  -webkit-font-smoothing: antialiased;
}
/* Halve the former 1600px shell's outer desktop whitespace, including gutters. */
.mtas-app main.container, .mtas-app main.container-fluid,
.mtas-app main.container-fluid.px-3.px-md-4 {
  max-width: calc(50% + 800px);
  width: 100%;
  margin: 0 auto !important;
  padding: 16px 10px 24px !important;
}
.mtas-app .workflow-shell { padding: 0; }
.mtas-app h1, .mtas-app h1:is(.h2,.h3,.h4,.h5,.h6), .mtas-app .h1, .mtas-app .workflow-title {
  font-family: var(--mtas-font);
  font-size: clamp(1.5rem, 1.8vw, 1.75rem);
  letter-spacing: -.025em;
  font-weight: 700;
  line-height: 1.2;
}
.mtas-app h2, .mtas-app .h2 { font-size: 1.15rem; letter-spacing: -.015em; font-weight: 650; }
.mtas-app h3, .mtas-app .h3, .mtas-app h4, .mtas-app .h4, .mtas-app h5, .mtas-app .h5 {
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.35;
}
.mtas-app .small, .mtas-app small, .mtas-app .form-text { font-size: .8125rem; line-height: 1.45; }
.mtas-app .text-muted { color: var(--mtas-muted) !important; }
.mtas-app a { color: #216e63; text-underline-offset: 3px; }
.mtas-app a:hover { color: #154d44; }
.mtas-app .navbar { background: #203746 !important; min-height: 52px; padding-block: 5px; }
.mtas-app .navbar-brand { font-size: 1.1rem; margin-right: 1rem; }
.mtas-app .navbar a { color: #e0e9ed; }
.mtas-app .navbar .nav-link { font-size: .875rem; padding: .5rem .7rem; border-radius: 5px; }
.mtas-app .navbar .nav-link.active { background: #ffffff16; color: #fff; box-shadow: inset 0 -2px #7ac7b6; }
.mtas-app .navbar .dropdown-menu a { color: var(--mtas-ink); }
.mtas-app .breadcrumb {
  --bs-breadcrumb-divider: "›";
  align-items: center;
  gap: .15rem;
  margin: 0 0 12px;
  padding: 0;
  font-size: .8125rem;
}
.mtas-app .breadcrumb-item { min-width: 0; overflow-wrap: anywhere; }
.mtas-app .breadcrumb-item a { text-decoration: none; }
.mtas-app .breadcrumb-item a:hover { text-decoration: underline; }
.mtas-app .breadcrumb-item.active { color: var(--mtas-muted); }
.mtas-app .btn, .auth-shell .btn {
  border-radius: 5px;
  font-size: .875rem;
  font-weight: 600;
  min-height: 36px;
  padding: .4rem .7rem;
  box-shadow: none;
}
.mtas-app .btn-sm { min-height: 30px; padding: .25rem .5rem; font-size: .8125rem; }
.mtas-app .btn-primary, .mtas-app .btn-success, .auth-shell .btn-primary { background: var(--mtas-accent); border-color: var(--mtas-accent); color: #fff; }
.mtas-app .btn-outline-primary, .mtas-app .btn-outline-success { color: #216e63; border-color: #a8c9c1; background: #fff; }
.mtas-app .btn-outline-secondary { color: #425763; border-color: #cbd6dd; background: #fff; }
.mtas-app .btn:hover { filter: brightness(.96); }
.mtas-app .form-control, .mtas-app .form-select, .auth-shell input {
  font-family: var(--mtas-font);
  font-size: .875rem;
  min-height: 36px;
  border-color: #c7d3db;
  border-radius: 5px;
}
.mtas-app .form-label { font-size: .8125rem; font-weight: 600; margin-bottom: .25rem; }
.mtas-app .card, .mtas-app .workflow-section { background: #fff; border: 1px solid var(--mtas-line); border-radius: var(--mtas-radius); box-shadow: none !important; }
.mtas-app .card-body, .mtas-app .workflow-section { padding: 16px; }
.mtas-app .card-header { padding: .65rem 1rem; background: #f5f8f9 !important; border-bottom-color: var(--mtas-line); }
.mtas-app .table {
  --bs-table-border-color: #e1e7eb;
  font-size: .875rem;
  color: var(--mtas-ink);
  line-height: 1.4;
  margin-bottom: 0;
}
.mtas-app .table > :not(caption) > * > * { padding: .55rem .65rem; border-bottom-color: #e1e7eb; vertical-align: middle; }
.mtas-app .table thead th {
  background: #edf2f5;
  color: #405662;
  font-size: .8125rem;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
  white-space: normal;
}
.mtas-app .table thead th a { color: inherit; text-decoration: none; }
.mtas-app .table thead th a:hover { color: var(--mtas-accent); text-decoration: underline; }
.mtas-app .table td .small, .mtas-app .table td small { font-size: .8125rem; }
.mtas-app .table tbody tr:hover > td { background-color: #f0f7f5; }
.mtas-app .table tbody tr:focus-within > td { background-color: #edf6f3; }
.mtas-app .table-responsive { border: 1px solid var(--mtas-line); border-radius: 6px; }
.mtas-app .table th:last-child, .mtas-app .table td:last-child { min-width: 0; }
.mtas-app .table td { overflow-wrap: anywhere; }
.mtas-app .action-group, .mtas-app .mtas-action-group { flex-wrap: nowrap; width: max-content; }
.mtas-app .badge { font-weight: 600; border-radius: 4px; line-height: 1.35; }
.mtas-app details > summary { cursor: pointer; font-weight: 550; color: #405664; }
.mtas-app details[open] > summary { margin-bottom: .5rem; }
.mtas-app :focus-visible { outline: 3px solid #397fba; outline-offset: 2px; }
.mtas-app .nav-tabs .nav-link { padding: .55rem .75rem; font-size: .875rem; }
.mtas-app .pagination { margin-bottom: 0; }
.mtas-app .page-link { font-size: .8125rem; }
.mtas-app .alert { padding: .65rem .85rem; margin-bottom: 12px; }
.mtas-app .modal-content { border-radius: 8px; border: 1px solid var(--mtas-line); }
.mtas-app .modal-header, .mtas-app .modal-footer { padding: .8rem 1rem; }
.mtas-app .modal-body { padding: 1rem; }
/* Existing page families use the same density rather than nested hero padding. */
.mtas-app .lead-list-header, .mtas-app .reports-hero, .mtas-app .workflow-hero { padding: 16px; border-radius: var(--mtas-radius); box-shadow: none; }
.mtas-app .workflow-hero { gap: 1rem; }
.mtas-app .workflow-hero::after { display: none; }
.mtas-app .lead-record-header { padding-bottom: 12px; }
.mtas-app .lead-journey-steps { padding-bottom: .6rem; margin-bottom: .6rem; }
.mtas-app .reports-stage { min-height: 0; padding: .85rem; }
.mtas-app .reports-home { --reports-ink: var(--mtas-ink); --reports-muted: var(--mtas-muted); --reports-line: var(--mtas-line); --reports-paper: #fff; --reports-teal: var(--mtas-accent); }
.mtas-app .lead-action-cluster { border-radius: 6px; box-shadow: none; padding: .2rem; }
.mtas-app .lead-action-cluster .btn { border-radius: 5px; }
.mtas-app .lead-research-table, .mtas-app .screening-table, .mtas-app .contact-discovery-table { table-layout: auto; width: 100%; }
.mtas-app .lead-research-table th, .mtas-app .screening-table th { width: auto !important; }
.mtas-app .workflow-search { max-width: none; }
.mtas-app .research-list-shell .table, .mtas-app .lead-screening-shell .table { table-layout: auto; }
.mtas-app .research-list-shell .table th { width: auto !important; }
.mtas-app .lead-fit-page-table .lead-actions-cell { width: 172px; min-width: 172px; white-space: nowrap !important; }
body.mtas-app .lead-fit-page-table .lead-actions-col { width: 172px; min-width: 172px; }
.mtas-app .lead-fit-page-table .lead-sno-col { white-space: nowrap; }
.mtas-app .lead-fit-page-table .lead-actions-cell .d-flex { flex-wrap: nowrap !important; }
/* Work: use the existing desk, with less chrome and space between decisions. */
.mtas-app .work-day { gap: 12px; }
.mtas-app .work-heading { gap: 16px; }
.mtas-app .work-heading h1 { margin: 4px 0 6px; }
.mtas-app .work-heading-tools { width: 340px; gap: 8px; }
.mtas-app .work-day-meta { font-size: .8125rem; gap: 12px; }
.mtas-app .work-day .workflow-section { padding: 14px; }
.mtas-app .work-day .workflow-section-heading { margin-bottom: 10px; }
.mtas-app .work-day .workflow-section-heading h2 { font-size: 1rem; margin-bottom: 4px; }
.mtas-app .work-day .workflow-section-heading p { font-size: .8125rem; }
.mtas-app .work-desk { grid-template-columns: minmax(0, 1fr) minmax(270px, 310px); gap: 14px; }
.mtas-app .work-desk-main, .mtas-app .work-desk-aside { gap: 12px; }
.mtas-app .work-desk-targets { display: grid; gap: 12px; }
.mtas-app .work-weekly-progress .row > div a { padding: .6rem !important; }
.mtas-app .work-weekly-progress > p { font-size: .8125rem; }
.mtas-app .work-queue-caption { margin-bottom: 4px; }
.mtas-app .work-day .work-next .workflow-section-heading { margin-bottom: 8px; }
.mtas-app .work-counting { margin-bottom: 8px; }
.mtas-app .work-more-links[open] { flex-basis: 100%; }
.mtas-app .work-start-strip { padding: 10px 12px; gap: 12px; }
.mtas-app .work-day .work-pipeline-strip { padding: 8px 12px !important; gap: 12px; }
.mtas-app .work-pipeline-strip .workflow-stage { padding: 8px; }
.mtas-app .work-day .workflow-table th, .mtas-app .work-day .workflow-table td { padding: .55rem .65rem; }
.mtas-app .work-day .workflow-lead-name, .mtas-app .work-day .workflow-row-action { font-size: .875rem; }
.mtas-app .work-day .workflow-lead-key, .mtas-app .work-day .workflow-row-detail { font-size: .8125rem; }
.mtas-app .work-target-grid { gap: 8px; }
.mtas-app .work-target-grid article { padding: 8px; background: #f5f8f9; }
.mtas-app .work-target-grid h3 { font-size: .8125rem; }
.mtas-app .work-target-content { margin-top: 10px; }
/* Selected screening work is the main task, rather than a calendar sidebar. */
.mtas-app #schedule-slot { scroll-margin-top: 64px; }
.mtas-app .screening-task-layout > #schedule-slot { order: -1; width: 100%; }
.mtas-app .screening-task-layout > .screening-calendar-panel { width: 100%; }
.mtas-app .screening-task-layout > #schedule-slot { display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; }
.mtas-app .screening-task-layout #schedule-slot > .card:first-child { max-width: 900px; margin-inline: auto; }
.mtas-app .screening-task-layout #schedule-slot > .card { width: 100%; min-width: 0; }
@media (min-width: 1200px) {
  .mtas-app .screening-task-layout > #schedule-slot { grid-template-columns: minmax(0,2fr) minmax(0,1fr); align-items: start; }
}
.mtas-app .work-day .lead-calendar-event { color: #fff; }
.mtas-app .lead-calendar-event { color: #fff; line-height: 1.35; padding: .5rem; }
.mtas-app .lead-calendar-event:hover { color: #fff; }
.mtas-app .lead-calendar-event.is-reminder { color: #263c46; }
.mtas-app .lead-calendar-event-title { font-size: .8125rem; text-transform: none; }
.mtas-app .lead-calendar-event-meta, .mtas-app .lead-calendar-event-summary { font-size: .75rem; }
.mtas-app .demo-calendar-month .demo-calendar-day { min-height: 120px; }
@media (min-width: 992px) {
  .mtas-app .work-heading-tools:has([aria-label="Permitted work views"]) {
    width: 420px;
    flex: 0 0 420px;
    grid-template-columns: minmax(0, 1fr);
    align-items: end;
  }
  .mtas-app .work-heading-tools [aria-label="Permitted work views"] .btn { white-space: nowrap; }
  .mtas-app .work-day .work-pipeline-strip { display: flex; align-items: center; }
  .mtas-app .work-day .work-pipeline-strip .workflow-path { margin-top: 0; }
  .mtas-app .lead-fit-page-table .lead-status-col { width: 15%; }
  .mtas-app .lead-fit-page-table .lead-owner-col { width: 21%; }
  .mtas-app .lead-fit-page-table .lead-contact-col { width: 22%; }
}
.mtas-app .work-heading-tools [aria-label="Permitted work views"] { flex-wrap: wrap; }
.mtas-app .work-heading-tools [aria-label="Permitted work views"] label { flex: 1 1 12rem; min-width: 0; }
.mtas-app .work-heading-tools [aria-label="Permitted work views"] .btn { max-width: 100%; white-space: normal; }
@media (max-width: 1199.98px) {
  /* Keep a real task column at laptop zoom sizes instead of two cramped panes. */
  .mtas-app .work-desk { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; }
  .mtas-app .work-desk-main { grid-column: 1; grid-row: 1; }
  .mtas-app .work-desk-targets { grid-column: 1; grid-row: 2; }
  .mtas-app .work-desk-aside { grid-column: 1; grid-row: 3; }
}
@media (max-width: 767.98px) {
  .mtas-app main.container, .mtas-app main.container-fluid, .mtas-app main.container-fluid.px-3.px-md-4 { padding: 12px !important; }
  .mtas-app .work-heading-tools { width: 100%; margin-top: 10px; }
  .mtas-app .card-body, .mtas-app .workflow-section, .mtas-app .work-day .workflow-section { padding: 12px; }
  .mtas-app .table > :not(caption) > * > * { padding: .5rem; }
  .mtas-app .work-priority-table td { padding: .25rem .35rem; }
  .mtas-app .work-start-strip { align-items: flex-start; }
  .mtas-app .lead-list-actions.mobile-inline-actions .btn { width: auto; flex: 0 1 auto; }
  .mtas-app .demo-calendar-month .demo-calendar-day { min-height: 85px; }
  .mtas-app .form-control, .mtas-app .form-select, .auth-shell input { font-size: 16px; }
}
/* Expanded evidence remains scannable in a narrow context panel. */
.mtas-app .work-review-context { margin-top: .5rem; }
.mtas-app .work-review-context h5 { font-size: .875rem; margin: .9rem 0 .35rem; color: #526974; }
.mtas-app .work-review-facts {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(3ch, max-content);
  gap: .35rem .75rem;
  margin: .5rem 0;
}
.mtas-app .work-review-facts dt { min-width: 0; font-weight: 400; overflow-wrap: anywhere; }
.mtas-app .work-review-facts dd { margin: 0; font-weight: 650; font-variant-numeric: tabular-nums; text-align: right; }
/* Password fields share one non-wrapping control, including revealed text. */
.input-group.mtas-password-control {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}
.input-group.mtas-password-control > input {
  flex: 1 1 0%;
  width: 0;
  min-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.mtas-password-control > button {
  flex: 0 0 44px;
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.mtas-app .work-count { display: inline-flex; align-items: baseline; gap: .35em; color: var(--bs-body-color, #243640); }
.mtas-app .work-count-number { font-weight: 700; font-variant-numeric: tabular-nums; color: #566773; }
.mtas-app .work-count--overdue > .work-count-number { color: #b42318; }
.mtas-app .work-count--pending > .work-count-number { color: #875600; }
.mtas-app .work-count--upcoming > .work-count-number { color: #175ca8; }
.mtas-app .work-count--complete > .work-count-number { color: #17633e; }
.mtas-app a.work-count-number { text-decoration: underline; text-underline-offset: .18em; padding: .15rem .1rem; min-width: 1.5em; text-align: right; }
.mtas-app a.work-count-number:hover { text-decoration-thickness: 2px; }
.mtas-app a.work-count-number:focus-visible, .mtas-app .work-review-button:focus-visible { outline: 3px solid #175ca8; outline-offset: 3px; }
.mtas-app .work-target-grid .small .work-count-number { font-size: inherit; }
.mtas-app .research-filter-strip .active-filter { box-shadow: inset 0 0 0 1px currentColor; background: #f1f6f5; }
.mtas-app .work-count-label { color: #344854; font-weight: 400; }
/* Shared columns keep linked/static counts and wrapped labels aligned. */
.mtas-app .work-count-list:not(.work-count-boxes) {
  display: grid;
  grid-template-columns: minmax(44px, max-content) minmax(0, 1fr);
  gap: .35rem .5rem;
}
.mtas-app .work-count-list:not(.work-count-boxes) > .work-count {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
  align-items: baseline;
}
.mtas-app .work-count-list .work-count-number { text-align: center; white-space: nowrap; }
.mtas-app .work-count-list .work-count-label { min-width: 0; overflow-wrap: anywhere; }
.mtas-app .work-count-list:not(.work-count-boxes) > :not(.work-count) { grid-column: 1 / -1; }
/* Manager preview: compact numbers; category names remain in review context. */
.mtas-app .work-count-boxes { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .4rem; }
.mtas-app .work-count-boxes .work-count-label { display: none; }
.mtas-app .work-count-boxes .work-count-number { display: inline-flex; align-items: center; justify-content: center; min-width: 4rem; min-height: 2rem; padding: .25rem .5rem; text-align: center; border: 1px solid #cbd5df; border-radius: .35rem; background: #edf1f5; }
.mtas-app .work-count-inline { display: inline-flex; margin: 0; vertical-align: middle; }
.mtas-app .work-count-inline .work-count--overdue .work-count-number { background: #fee2e2; }
.mtas-app .work-count-inline .work-count--pending .work-count-number { background: #fff1c2; }
.mtas-app .work-count-inline .work-count--upcoming .work-count-number { background: #dbeafe; }
.mtas-app .work-count-inline .work-count--complete .work-count-number { background: #d1fae5; }
.mtas-app .work-summary { max-width: 100%; }
.mtas-app .work-summary details { margin-bottom: .4rem; }
.mtas-app .work-count-boxes .work-count-category--overdue .work-count-number { color: #243640; border-color: #fee2e2; background: #fee2e2; }
.mtas-app .work-count-boxes .work-count-category--research_due .work-count-number { color: #243640; border-color: #dbeafe; background: #dbeafe; }
.mtas-app .work-count-boxes .work-count-category--research_undated .work-count-number { color: #243640; border-color: #ede0ff; background: #ede0ff; }
.mtas-app .work-count-boxes .work-count-category--route_due .work-count-number { color: #243640; border-color: #ffdfb8; background: #ffdfb8; }
.mtas-app .work-count-boxes .work-count-category--attendance .work-count-number { color: #243640; border-color: #c6f1e7; background: #c6f1e7; }
.mtas-app .work-count-boxes .work-count-category--feedback .work-count-number { color: #243640; border-color: #fbd5e8; background: #fbd5e8; }
.mtas-app .work-count-boxes .work-count-category--undated .work-count-number { color: #243640; border-color: #e1e6ed; background: #e1e6ed; }
.mtas-app .work-count-boxes .work-count-category--route_undated .work-count-number { color: #243640; border-color: #f3efb4; background: #f3efb4; }
.mtas-app .work-count-boxes .work-count-category--route_review .work-count-number { color: #243640; border-color: #daf3c3; background: #daf3c3; }
.mtas-app .work-count-boxes .work-count-category--resume_blocked .work-count-number { color: #243640; border-color: #e5c7ce; background: #e5c7ce; }
.mtas-app .work-count-boxes .work-count-category--resume_due .work-count-number { color: #243640; border-color: #c8d5f6; background: #c8d5f6; }
.mtas-app .work-count-boxes .work-count-category--resume_undated .work-count-number { color: #243640; border-color: #ecd6b9; background: #ecd6b9; }
.mtas-app .work-count-boxes .work-count-category--blocked_actions .work-count-number { color: #243640; border-color: #d1c4e9; background: #d1c4e9; }
.mtas-app .work-count-boxes .work-count-category--review_due .work-count-number { color: #243640; border-color: #bfe6f4; background: #bfe6f4; }
.mtas-app .work-count-boxes .work-count-category--shortfalls .work-count-number { color: #243640; border-color: #f1c7b2; background: #f1c7b2; }
.mtas-app .work-count-boxes .work-count-category--today .work-count-number { color: #243640; border-color: #d5f7f1; background: #d5f7f1; }
.mtas-app .work-count-boxes .work-count-category--research .work-count-number { color: #243640; border-color: #e9e7b0; background: #e9e7b0; }
.mtas-app .work-count-boxes .work-count-category--routes .work-count-number { color: #243640; border-color: #dbcfbd; background: #dbcfbd; }
.mtas-app .work-count-boxes .work-count-category--resume_review .work-count-number { color: #243640; border-color: #d8e5d0; background: #d8e5d0; }
.mtas-app .work-count-boxes .work-count-category--research_overdue .work-count-number { color: #243640; border-color: #f8d6cf; background: #f8d6cf; }
.mtas-app .work-count-boxes .work-count-category--research_today .work-count-number { color: #243640; border-color: #cfe9ff; background: #cfe9ff; }
.mtas-app .work-count-boxes .work-count-category--screen_today .work-count-number { color: #243640; border-color: #d4f1f7; background: #d4f1f7; }
.mtas-app .work-count-boxes .work-count-category--screen_outcomes .work-count-number { color: #243640; border-color: #f7d9e4; background: #f7d9e4; }
.mtas-app .work-count-boxes .work-count-category--screen_notes .work-count-number { color: #243640; border-color: #e3ddff; background: #e3ddff; }
.mtas-app .work-count-boxes .work-count-category--screen_followup .work-count-number { color: #243640; border-color: #ffe6c9; background: #ffe6c9; }
.mtas-app .work-count-boxes .work-count-category--screen_no_show .work-count-number { color: #243640; border-color: #dfebba; background: #dfebba; }
.mtas-app .work-count-boxes .work-count-category--unassigned .work-count-number { color: #243640; border-color: #d6e5ed; background: #d6e5ed; }
.mtas-app .work-count-boxes .work-count-category--no_action .work-count-number { color: #243640; border-color: #f5dfb7; background: #f5dfb7; }
.mtas-app .work-count-boxes .work-count-category--inactive_owner .work-count-number { color: #243640; border-color: #edcdd9; background: #edcdd9; }
.mtas-app .work-count-boxes .work-count-category--needs_plan .work-count-number { color: #243640; border-color: #e7d8fb; background: #e7d8fb; }
.mtas-app .work-count-boxes .work-count-category--cadence_overdue .work-count-number { color: #243640; border-color: #fbd1ca; background: #fbd1ca; }
.mtas-app .work-count-boxes .work-count-category--candidate_exception .work-count-number { color: #243640; border-color: #c4eee2; background: #c4eee2; }
.mtas-app .work-count-boxes .work-count-category--engagement_review .work-count-number { color: #243640; border-color: #cde2fc; background: #cde2fc; }
.mtas-app .work-count-boxes .work-count-category--pause_contact .work-count-number { color: #243640; border-color: #f1c9dc; background: #f1c9dc; }
.mtas-app .work-count-boxes .work-count-category--lead_stage .work-count-number { color: #243640; border-color: #e1e6ed; background: #e1e6ed; }
.mtas-app .work-count-boxes .work-count-category--demo_stage .work-count-number { color: #243640; border-color: #d2e7fb; background: #d2e7fb; }
.mtas-app .work-count-boxes .work-count-category--screen_stage .work-count-number { color: #243640; border-color: #eee0bb; background: #eee0bb; }
.mtas-app .work-count-boxes .work-count-category--onboard_stage .work-count-number { color: #243640; border-color: #cfe9df; background: #cfe9df; }
.mtas-app .work-count-boxes .work-count-category--eod_profiles .work-count-number { color: #243640; border-color: #cbdff5; background: #cbdff5; }
.mtas-app .work-count-boxes .work-count-category--eod_contacts .work-count-number { color: #243640; border-color: #c8efdd; background: #c8efdd; }
.mtas-app .work-count-boxes .work-count-category--eod_linkedin_sent .work-count-number { color: #243640; border-color: #dfd1f5; background: #dfd1f5; }
.mtas-app .work-count-boxes .work-count-category--eod_emails .work-count-number { color: #243640; border-color: #f6e4bb; background: #f6e4bb; }
.mtas-app .work-count-boxes .work-count-category--eod_notes .work-count-number { color: #243640; border-color: #f4d5e4; background: #f4d5e4; }
.mtas-app .work-review-button { white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 32px; padding: .35rem; }
@media (pointer: coarse) {
  .mtas-app .work-review-button { min-width: 44px; min-height: 44px; }
  .mtas-app .work-count-boxes .work-count-number { min-height: 44px; min-width: 44px; }
  .mtas-app a.work-count-number { min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .mtas-app .btn, .mtas-app .page-link, .mtas-app .nav-link, .mtas-app summary { min-height: 44px; }
}
}
@media screen {
  .mtas-app :is(#staff-attendance, #staff-leave-requests, #staff-leave-review, #staff-attendance-correction) { scroll-margin-top: 80px; }
  .mtas-app .staff-attendance-panel .staff-attendance-form { width: min(100%, 680px); }
  .mtas-app .staff-attendance-form p { margin-bottom: .65rem; }
  .mtas-app .staff-attendance-form label { display: block; font-size: .875rem; font-weight: 600; margin-bottom: .2rem; }
  .mtas-app .staff-attendance-state { font-weight: 600; }
  .mtas-app .staff-attendance-state--present { color: #17633e; }
  .mtas-app .staff-attendance-state--missing { color: #875600; }
  .mtas-app .staff-attendance-state--absent { color: #b42318; }
  .mtas-app .staff-attendance-state--scheduled { color: #175ca8; }
}

@media screen {
  .mtas-app .work-day-meta { flex-wrap: wrap; }
  .mtas-app .staff-attendance-inline { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .5rem; font-size: 13px; max-width: 100%; }
  .mtas-app .staff-attendance-inline form { display: inline-flex; margin: 0; }
  .mtas-app .staff-attendance-inline .btn { padding: .2rem .5rem; font-size: 13px; }
}

/* Keep the canonical pipeline readable on narrow screens and browser zoom. */
@media screen and (max-width: 767.98px) {
  .mtas-app .work-day .work-pipeline-strip :is(.workflow-stage, .workflow-stage-static) { min-width: 0; width: 100%; }
  .mtas-app .work-day .work-pipeline-strip .workflow-stage-count { white-space: normal; overflow-wrap: anywhere; }
}
@media screen and (max-width: 360px) {
  .mtas-app .work-day .work-pipeline-strip .workflow-path { grid-template-columns: minmax(0, 1fr); }
}
@media screen and (max-width: 600px) {
  .mtas-app .work-attention-strip > div { grid-template-columns: minmax(0, 1fr); }
  .mtas-app .work-attention-strip a > span:not(.work-count) { min-width: 0; overflow-wrap: anywhere; }
}
@media screen and (max-width: 360px) {
  .mtas-app .work-attention-strip a { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .mtas-app .work-attention-strip a > span:not(.work-count) { grid-column: 1 / -1; grid-row: 2; }
  .mtas-app .work-attention-strip a > i { grid-column: 2; grid-row: 1; }
}

/* Keep full tab labels and quota/journey content readable at high browser zoom. */
.mtas-app .task-tabs [role="tab"] { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.mtas-app .work-target-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mtas-app .work-target-grid article { min-width: 0; overflow-wrap: anywhere; }
.mtas-app .lead-journey-steps li > span { min-width: 0; overflow-wrap: anywhere; }
@media screen and (max-width: 480px) {
  .mtas-app .work-target-grid { grid-template-columns: minmax(0, 1fr); }
}
@media screen and (max-width: 360px) {
  .mtas-app .lead-journey-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}