/* personnel-admin-20260902-v8.css */
.personnel-admin-view {
  height: calc(100vh - 84px);
  overflow-y: auto;
  color: #15241d;
  background: radial-gradient(circle at 90% 0, #e3f2e9 0, transparent 32%), #f5f8f5;
}

.personnel-admin-container {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  padding: 42px 0 72px;
}

.personnel-admin-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 30px 34px;
  color: #fff;
  background: #143f32;
  border-radius: 26px;
  box-shadow: 0 24px 55px #143f3221;
}

.personnel-admin-hero .eyebrow,
.personnel-modal .eyebrow {
  margin: 0 0 8px;
  color: #8ee0b8;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.personnel-admin-hero h1 {
  margin: 0;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 650;
  letter-spacing: -.045em;
}

.personnel-admin-hero p:not(.eyebrow) {
  max-width: 720px;
  margin: 10px 0 0;
  color: #d8e6df;
  font-size: 17px;
  line-height: 1.5;
}

.personnel-admin-hero > button,
.personnel-modal button {
  border: 0;
  border-radius: 11px;
  padding: 11px 15px;
  color: #143f32;
  background: #edf3ef;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.personnel-admin-hero > button {
  color: #143f32;
  background: #fff;
  white-space: nowrap;
}

.personnel-message {
  margin: 18px 0;
  padding: 14px 17px;
  color: #285445;
  background: #eaf3ee;
  border-radius: 13px;
}

.personnel-message--error {
  color: #a3322c;
  background: #fff0ef;
}

.personnel-toolbar {
  display: flex;
  align-items: end;
  gap: 18px;
  margin: 24px 0;
}

.personnel-toolbar label {
  display: grid;
  flex: 1;
  gap: 7px;
}

.personnel-toolbar span {
  color: #53675e;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.personnel-toolbar input {
  width: 100%;
  min-width: 0;
  padding: 15px 17px;
  color: #183029;
  background: #fff;
  border: 1px solid #cfdbd4;
  border-radius: 14px;
  font: inherit;
}

.personnel-toolbar strong {
  padding-bottom: 14px;
  color: #65766e;
  font-size: 14px;
}

.personnel-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.personnel-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 112px;
  padding: 20px;
  background: #fff;
  border: 1px solid #d8e1db;
  border-radius: 20px;
  box-shadow: 0 12px 30px #1a443214;
}

.personnel-avatar {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  color: #124334;
  background: #e1f2e9;
  border-radius: 16px;
  font-size: 17px;
  font-weight: 900;
}

.personnel-card-copy {
  min-width: 0;
}

.personnel-card-copy strong,
.personnel-card-copy span,
.personnel-card-copy small {
  display: block;
}

.personnel-card-copy strong {
  color: #14231c;
  font-size: 19px;
}

.personnel-card-copy span,
.personnel-card-copy small {
  margin-top: 5px;
  color: #65766e;
  line-height: 1.35;
}

.personnel-card-copy small,
.personnel-readonly {
  font-size: 12px;
}

.personnel-card > button {
  padding: 10px 13px;
  color: #164033;
  background: #f5f8f6;
  border: 1px solid #cbdad2;
  border-radius: 10px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.personnel-readonly {
  color: #7b8982;
  font-weight: 800;
}

.personnel-modal-backdrop {
  position: fixed;
  z-index: 1200;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: #102b2373;
  backdrop-filter: blur(4px);
}

.personnel-modal {
  width: min(680px, 100%);
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  padding: 0;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 35px 90px #0b241d52;
}

.personnel-modal > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 26px 28px 18px;
  border-bottom: 1px solid #e0e7e2;
}

.personnel-modal > header h2 {
  margin: 0;
  font-size: 28px;
  letter-spacing: -.03em;
}

.personnel-modal > header > button {
  width: 40px;
  height: 40px;
  padding: 0;
  color: #53665d;
  background: #edf2ef;
  border-radius: 50%;
  font-size: 24px;
}

.personnel-modal > label,
.personnel-modal > fieldset,
.personnel-modal > footer {
  margin-right: 28px;
  margin-left: 28px;
}

.personnel-modal > label {
  display: grid;
  gap: 7px;
  margin-top: 18px;
  color: #40564c;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.personnel-modal input,
.personnel-modal select {
  width: 100%;
  padding: 13px 14px;
  color: #17281f;
  background: #fff;
  border: 1px solid #cbd8d0;
  border-radius: 11px;
  font: inherit;
  letter-spacing: normal;
  text-transform: none;
}

.personnel-store-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 18px;
  padding: 0;
  border: 0;
}

.personnel-store-checks legend {
  grid-column: 1 / -1;
  margin-bottom: 2px;
  color: #40564c;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.personnel-store-checks label {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 12px;
  color: #31483d;
  border: 1px solid #d8e2dc;
  border-radius: 10px;
  font-size: 14px;
}

.personnel-store-checks input {
  width: auto;
  margin: 0;
}

.personnel-modal > footer {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  padding: 18px 0 26px;
  border-top: 1px solid #e3e9e5;
}

.personnel-modal > footer span {
  flex: 1;
}

.personnel-modal .personnel-delete {
  color: #ae332d;
  background: #fff0ef;
}

.personnel-modal .personnel-save {
  color: #fff;
  background: #174a3a;
}

.personnel-modal button:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.password-login-form {
  display: grid;
  gap: 10px;
}

.password-login-form > input {
  width: 100%;
  min-height: 52px;
  padding: 0 16px;
  border: 1px solid #d7dfda;
  border-radius: 12px;
  background: #fff;
  color: #173f32;
  font: inherit;
  font-size: 16px;
  outline: none;
}

.password-login-form > input:focus {
  border-color: #279b68;
  box-shadow: 0 0 0 4px rgb(39 155 104 / 13%);
}

.password-login-form > button {
  min-height: 52px;
  margin-top: 4px;
  border: 0;
  border-radius: 12px;
  background: #174735;
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.password-login-form > button:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.personnel-modal > label > small {
  color: #75817a;
  text-transform: none;
  letter-spacing: 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
}

@media (max-width: 850px) {
  .personnel-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 650px) {
  .personnel-admin-view {
    height: auto;
    min-height: calc(100vh - 84px);
    overflow: visible;
  }

  .personnel-admin-container {
    width: min(100% - 28px, 640px);
    padding: 24px 0 48px;
  }

  .personnel-admin-hero,
  .personnel-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .personnel-admin-hero {
    padding: 24px;
  }

  .personnel-toolbar strong {
    padding: 0;
  }

  .personnel-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .personnel-card > button,
  .personnel-readonly {
    grid-column: 1 / -1;
  }

  .personnel-store-checks {
    grid-template-columns: 1fr;
  }

  .personnel-modal-backdrop {
    align-items: end;
    padding: 0;
  }

  .personnel-modal {
    max-height: 92vh;
    border-radius: 22px 22px 0 0;
  }

  .personnel-modal > footer {
    align-items: stretch;
    flex-direction: column;
  }

  .personnel-modal > footer span {
    display: none;
  }
}

.store-checklist-progress {
  margin: 22px 0;
  padding: 24px;
  background: #fff;
  border: 1px solid #d8e2dc;
  border-radius: 22px;
  box-shadow: 0 14px 34px #153e3012;
}

.store-checklist-progress > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

.store-checklist-progress > header .eyebrow {
  margin: 0 0 6px;
  color: #22956a;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.store-checklist-progress > header h2 {
  margin: 0;
  font-size: 28px;
  letter-spacing: -.035em;
}

.store-checklist-progress > header p:not(.eyebrow) {
  margin: 7px 0 0;
  color: #66776f;
}

.store-checklist-progress > header button {
  padding: 11px 15px;
  color: #184437;
  background: #edf3ef;
  border: 0;
  border-radius: 11px;
  font: inherit;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
}

.store-checklist-progress > header button:disabled {
  cursor: wait;
  opacity: .6;
}

.store-progress-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.store-progress-card {
  padding: 18px;
  background: #f7f9f7;
  border: 1px solid #e0e7e2;
  border-radius: 17px;
}

.store-progress-card-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}

.store-progress-card-heading a {
  display: block;
  color: #163f32;
  font-size: 18px;
  font-weight: 850;
  text-decoration: none;
}

.store-progress-card-heading span {
  display: block;
  margin-top: 4px;
  color: #75847c;
  font-size: 12px;
}

.store-progress-card-heading > strong {
  color: #1e8f65;
  font-size: 22px;
}

.store-progress-overall,
.store-progress-categories div > div {
  overflow: hidden;
  height: 7px;
  background: #dfe8e2;
  border-radius: 999px;
}

.store-progress-overall {
  margin: 12px 0 15px;
}

.store-progress-overall i,
.store-progress-categories div > div i {
  display: block;
  height: 100%;
  background: #27a875;
  border-radius: inherit;
  transition: width .2s ease;
}

.store-progress-managers {
  display: grid;
  gap: 10px;
}

.store-progress-managers > section {
  padding: 13px;
  background: #fff;
  border: 1px solid #e1e8e3;
  border-radius: 13px;
}

.store-progress-managers > section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.store-progress-managers > section > header strong,
.store-progress-managers > section > header small {
  display: block;
}

.store-progress-managers > section > header strong {
  color: #213b31;
}

.store-progress-managers > section > header small,
.store-progress-managers > section > p {
  color: #7a8881;
  font-size: 11px;
}

.store-progress-managers > section > header b {
  color: #53675d;
  font-size: 13px;
}

.store-progress-categories {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.store-progress-categories > div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5px 8px;
}

.store-progress-categories > div span,
.store-progress-categories > div strong {
  color: #65756d;
  font-size: 11px;
}

.store-progress-categories > div > div {
  grid-column: 1 / -1;
  height: 5px;
}

.store-progress-managers > section > p {
  margin: 10px 0 0;
}

.store-progress-empty,
.store-progress-loading {
  margin: 14px 0 0;
  color: #74837b;
  font-size: 13px;
}

@media (max-width: 850px) {
  .store-progress-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 650px) {
  .store-checklist-progress {
    padding: 19px;
  }

  .store-checklist-progress > header {
    align-items: stretch;
    flex-direction: column;
  }
}

.rm-store-portfolio-list > a,
.rm-manager-store-row {
  align-items: center;
  gap: 28px;
}

.rm-manager-store-row {
  color: inherit;
  border: 1px solid #e0e6e1;
  border-radius: 11px;
  justify-content: space-between;
  padding: 12px 14px;
  display: flex;
}

.assigned-store-duty-progress {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(92px, 1fr));
  gap: 12px;
  width: min(430px, 48vw);
  min-width: min(430px, 48vw) !important;
  text-align: left !important;
}

.assigned-store-duty-progress-item {
  display: grid !important;
  grid-template-columns: 1fr auto;
  gap: 4px 8px;
  min-width: 0 !important;
  padding: 11px 12px;
  background: #f1f6f3;
  border: 1px solid #dde8e1;
  border-radius: 12px;
}

.assigned-store-duty-progress-item > small {
  align-self: center;
  color: #697970 !important;
  font-size: 11px !important;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.assigned-store-duty-progress-item > strong {
  color: #153f32 !important;
  font-size: 18px !important;
  line-height: 1;
}

.assigned-store-duty-progress-bar {
  grid-column: 1 / -1;
  display: block !important;
  overflow: hidden;
  width: 100%;
  height: 6px;
  background: #dce8e1;
  border-radius: 999px;
}

.assigned-store-duty-progress-bar > i {
  display: block;
  height: 100%;
  background: #269b6c;
  border-radius: inherit;
}

.assigned-store-duty-progress-item > em {
  grid-column: 1 / -1;
  color: #7a8981;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}

@media (max-width: 900px) {
  .rm-store-portfolio-list > a,
  .rm-manager-store-row {
    align-items: stretch;
    flex-direction: column;
  }

  .assigned-store-duty-progress {
    width: 100%;
    min-width: 0 !important;
  }
}

@media (max-width: 520px) {
  .assigned-store-duty-progress {
    grid-template-columns: 1fr;
  }
}


.executive-headcount-section {
  display: grid;
  gap: 18px;
  margin: 24px 0;
  padding: 24px;
  border: 1px solid #d9dfdb;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(27, 44, 36, .06);
}

.executive-headcount-heading {
  align-items: end;
}

.executive-headcount-heading h2,
.executive-headcount-heading p {
  margin: 0;
}

.executive-headcount-heading p:last-child {
  margin-top: 7px;
  color: #617068;
}

.executive-headcount-heading > span {
  padding: 8px 11px;
  border-radius: 999px;
  color: #274338;
  background: #edf3ef;
  font-size: 12px;
  font-weight: 850;
}

.executive-headcount-summary,
.executive-headcount-regions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.executive-headcount-summary article {
  display: grid;
  gap: 5px;
  padding: 18px;
  border: 1px solid #d7e2dc;
  border-radius: 16px;
  background: #eef6f1;
}

.executive-headcount-summary span,
.executive-headcount-summary small,
.executive-headcount-regions span,
.executive-headcount-regions small {
  color: #5d6e65;
  font-size: 11px;
  font-weight: 750;
}

.executive-headcount-summary span {
  letter-spacing: .055em;
  text-transform: uppercase;
}

.executive-headcount-summary strong {
  color: #17271f;
  font-size: clamp(24px, 3vw, 34px);
}

.executive-headcount-regions {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.executive-headcount-regions button {
  display: grid;
  gap: 4px;
  padding: 14px;
  border: 1px solid #dce2de;
  border-radius: 14px;
  text-align: left;
  color: #18251f;
  background: #f7f8f7;
  cursor: pointer;
}

.executive-headcount-regions button:hover,
.executive-headcount-regions button.is-active {
  border-color: #e1b900;
  background: #fff6c8;
}

.executive-headcount-regions b {
  font-size: 16px;
}

.executive-headcount-controls {
  display: grid;
  grid-template-columns: minmax(150px, .45fr) minmax(250px, 1fr) auto;
  align-items: end;
  gap: 12px;
}

.executive-headcount-controls label {
  display: grid;
  gap: 6px;
  color: #25372f;
  font-size: 12px;
  font-weight: 850;
}

.executive-headcount-controls input,
.executive-headcount-controls select {
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #cfd8d3;
  border-radius: 11px;
  color: #17251f;
  background: #fff;
  font: inherit;
}

.executive-headcount-controls > strong {
  min-height: 44px;
  padding: 13px 14px;
  border-radius: 11px;
  color: #4d6258;
  background: #eef2ef;
  font-size: 12px;
  white-space: nowrap;
}

.executive-headcount-table-wrap {
  max-height: 620px;
  overflow: auto;
  border: 1px solid #dce2de;
  border-radius: 15px;
}

.executive-headcount-table {
  width: 100%;
  min-width: 850px;
  border-collapse: collapse;
}

.executive-headcount-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 13px 14px;
  text-align: left;
  color: #31483e;
  background: #edf2ef;
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.executive-headcount-table th:nth-last-child(-n+3),
.executive-headcount-table td:nth-last-child(-n+3) {
  text-align: right;
}

.executive-headcount-table td {
  padding: 13px 14px;
  border-top: 1px solid #e4e8e5;
  color: #33443c;
  font-size: 13px;
}

.executive-headcount-table tbody tr:hover {
  background: #fffbea;
}

.executive-headcount-table td strong {
  color: #18251f;
}

.executive-headcount-region {
  display: inline-block;
  min-width: 42px;
  padding: 5px 8px;
  border-radius: 999px;
  text-align: center;
  color: #245542;
  background: #e8f4ed;
  font-size: 11px;
  font-weight: 850;
}

.executive-headcount-empty {
  padding: 28px !important;
  text-align: center !important;
  color: #64736b !important;
}

@media (max-width: 900px) {
  .executive-headcount-regions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .executive-headcount-controls {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .executive-headcount-section {
    padding: 16px;
  }

  .executive-headcount-summary,
  .executive-headcount-regions {
    grid-template-columns: 1fr;
  }
}

.personnel-message--error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.store-leadership-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.store-leadership-grid article {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 118px;
  padding: 18px;
  border: 1px solid #dbe3dd;
  border-radius: 15px;
  background: #f5f7f5;
}

.store-leadership-grid article > span,
.store-team-list > span {
  color: #69766f;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .065em;
  text-transform: uppercase;
}

.store-leadership-grid article > strong {
  color: #18251f;
  font-size: 18px;
  line-height: 1.3;
}

.store-leadership-grid article > small {
  color: #6d7973;
  font-size: 12px;
  line-height: 1.5;
}

.store-leader-card {
  border-color: #f0cd31 !important;
  background: #fff9d8 !important;
}

.store-team-list {
  display: grid;
  gap: 10px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #e0e6e2;
}

.store-team-list > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.store-team-list > div strong {
  padding: 8px 11px;
  border: 1px solid #dbe3dd;
  border-radius: 999px;
  background: #fff;
  color: #263b32;
  font-size: 12px;
}

.store-team-list > p {
  margin: 0;
  color: #6d7973;
  font-size: 13px;
}

@media (max-width: 820px) {
  .store-leadership-grid {
    grid-template-columns: 1fr;
  }

  .store-leadership-grid article {
    min-height: 0;
  }
}

.personnel-message--error button {
  flex: 0 0 auto;
  padding: 9px 13px;
  border: 1px solid currentColor;
  border-radius: 10px;
  color: inherit;
  background: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.personnel-store-login {
  color: #1c6a50 !important;
  font-weight: 800;
}

/* Keep the assigned-store cards visible on the manager My Stores page. */
.rm-own-portfolio-view .store-checklist-progress {
  margin-top: 26px;
}

.rm-own-portfolio-view .rm-store-portfolio {
  display: block;
  margin-top: 24px;
}

.assigned-stores-compliance {
  margin-top: 24px;
}

.assigned-stores-summary-message {
  margin: 20px 0 0;
  padding: 16px 18px;
  color: #53615c;
  background: #edf2ef;
  border-radius: 14px;
  font-weight: 750;
}

.assigned-stores-summary-message--error {
  color: #8c2f29;
  background: #fdeceb;
}

.store-progress-card[href] {
  display: block;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.store-progress-card[href]:hover {
  transform: translateY(-2px);
  border-color: #9fcab5;
  box-shadow: 0 14px 30px rgba(21, 62, 48, .12);
}

.store-progress-card[href]:focus-visible {
  outline: 3px solid rgba(39, 168, 117, .32);
  outline-offset: 3px;
}

.store-progress-card-title {
  display: block;
  color: #163f32;
  font-size: 18px;
  font-weight: 850;
}

.manager20-progress-card {
  grid-column: 1 / -1;
  padding: 0;
  background: #eef6f1;
  border: 1px solid #b9d8c8;
  border-radius: 18px;
  overflow: hidden;
}

.manager20-progress-card > summary {
  display: block;
  padding: 20px;
  cursor: pointer;
  list-style: none;
}

.manager20-progress-card > summary::-webkit-details-marker {
  display: none;
}

.manager20-progress-card > summary:hover {
  background: #e5f1ea;
}

.manager20-progress-card > summary:focus-visible {
  outline: 3px solid rgba(39, 168, 117, .32);
  outline-offset: -3px;
}

.manager20-progress-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.manager20-progress-heading strong,
.manager20-progress-heading span {
  display: block;
}

.manager20-progress-heading strong {
  color: #143f31;
  font-size: 22px;
  font-weight: 900;
}

.manager20-progress-heading span {
  margin-top: 4px;
  color: #667a70;
  font-size: 12px;
}

.manager20-progress-heading b {
  color: #1e8f65;
  font-size: 26px;
}

.manager20-expand-label {
  display: block;
  margin-top: 14px;
  color: #1f684e;
  font-size: 12px;
  font-weight: 800;
}

.manager20-expand-label::after {
  content: " ↓";
}

.manager20-progress-card[open] .manager20-expand-label::after {
  content: " ↑";
}

.manager20-store-grid {
  display: grid;
  gap: 12px;
  padding: 0 16px 16px;
  border-top: 1px solid #cbded3;
}

.manager20-store-grid .store-progress-card {
  margin-top: 14px;
  background: #fff;
}

.direct-report-summary-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 15px 0;
}

.direct-report-summary-metrics article {
  padding: 12px 13px;
  background: rgba(255, 255, 255, .72);
  border: 1px solid #d4e4db;
  border-radius: 12px;
}

.direct-report-summary-metrics span,
.direct-report-summary-metrics strong {
  display: block;
}

.direct-report-summary-metrics span {
  color: #6b7b73;
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
}

.direct-report-summary-metrics strong {
  margin-top: 5px;
  color: #173f32;
  font-size: 17px;
}

.direct-report-summary-metrics .is-pending strong {
  color: #a04c31;
}

.direct-report-summary-metrics .is-on-track strong {
  color: #16855e;
}

.direct-report-profile-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 20px 18px;
  background: #fff;
  border-top: 1px solid #cbded3;
}

.direct-report-profile-intro .eyebrow {
  margin: 0 0 4px;
  color: #22956a;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.direct-report-profile-intro h3 {
  margin: 0;
  color: #153f32;
  font-size: 24px;
}

.direct-report-profile-intro span {
  display: block;
  margin-top: 5px;
  color: #687970;
}

.direct-report-profile-intro dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(115px, 1fr));
  gap: 9px;
  margin: 0;
}

.direct-report-profile-intro dl div {
  padding: 11px 13px;
  background: #f1f6f3;
  border-radius: 11px;
}

.direct-report-profile-intro dt {
  color: #718078;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.direct-report-profile-intro dd {
  margin: 4px 0 0;
  color: #153f32;
  font-weight: 850;
}

.store-number-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 4px 0 12px;
  padding: 10px 12px;
  border-radius: 11px;
}

.store-number-status strong,
.store-number-status span {
  display: block;
}

.store-number-status span {
  font-size: 11px;
}

.store-number-status.is-on-track {
  color: #176b4d;
  background: #e6f4ec;
}

.store-number-status.is-needs-attention {
  color: #93462f;
  background: #fff0e9;
}

.store-performance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 13px;
}

.store-performance-grid article {
  position: relative;
  min-width: 0;
  padding: 11px;
  background: #f5f8f6;
  border: 1px solid #e0e8e3;
  border-radius: 11px;
}

.store-performance-grid span,
.store-performance-grid strong,
.store-performance-grid small,
.store-performance-grid em {
  display: block;
}

.store-performance-grid span,
.store-performance-grid small {
  color: #74837b;
  font-size: 10px;
}

.store-performance-grid strong {
  margin: 4px 0;
  color: #183f32;
  font-size: 15px;
}

.store-performance-grid em {
  margin-top: 7px;
  color: #1a7e59;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
}

.store-performance-grid .is-missed em {
  color: #a14d34;
}

@media (max-width: 900px) {
  .direct-report-summary-metrics,
  .store-performance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .direct-report-profile-intro {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 600px) {
  .direct-report-summary-metrics,
  .store-performance-grid,
  .direct-report-profile-intro dl {
    grid-template-columns: 1fr;
  }

  .manager20-progress-heading,
  .store-number-status {
    align-items: flex-start;
    flex-direction: column;
  }
}

.personnel-login-note {
  margin: 0;
  padding: 14px 16px;
  color: #285445;
  background: #eaf3ee;
  border: 1px solid #c8ddd2;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.5;
}

.stats-center {
  min-height: calc(100vh - 84px);
  padding: 44px;
  overflow-y: auto;
  background:
    radial-gradient(circle at 88% 2%, rgba(71, 174, 130, 0.14), transparent 27%),
    #f4f7f4;
}

.stats-center-container {
  width: min(1480px, 100%);
  margin: 0 auto;
}

.stats-center-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 28px;
  padding: 34px 38px;
  color: #fff;
  background: #123f32;
  border-radius: 26px;
  box-shadow: 0 20px 50px rgba(24, 62, 49, 0.16);
}

.stats-center-hero .eyebrow,
.stats-card-panel .eyebrow {
  margin: 0 0 8px;
  color: #65d2a1;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.stats-center-hero h1 {
  margin: 0;
  font-size: clamp(38px, 5vw, 64px);
  letter-spacing: -0.045em;
}

.stats-center-hero p:last-child {
  max-width: 780px;
  margin: 12px 0 0;
  color: #d9e9e2;
  font-size: 17px;
  line-height: 1.55;
}

.stats-center-summary {
  min-width: 150px;
  padding: 18px 22px;
  color: #123f32;
  text-align: center;
  background: #e7f5ed;
  border-radius: 18px;
}

.stats-center-summary strong,
.stats-center-summary span {
  display: block;
}

.stats-center-summary strong {
  font-size: 34px;
}

.stats-center-summary span {
  margin-top: 3px;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.stats-center-layout {
  display: grid;
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.stats-directory,
.stats-card-panel {
  background: #fff;
  border: 1px solid #dbe5df;
  border-radius: 24px;
  box-shadow: 0 15px 40px rgba(25, 58, 47, 0.08);
}

.stats-directory {
  position: sticky;
  top: 20px;
  max-height: calc(100vh - 130px);
  padding: 20px;
  overflow: hidden;
}

.stats-directory > label span {
  display: block;
  margin-bottom: 8px;
  color: #66756f;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.stats-directory input {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid #d5dfd9;
  border-radius: 12px;
  font: inherit;
}

.stats-directory-list {
  display: grid;
  gap: 8px;
  max-height: calc(100vh - 230px);
  margin-top: 16px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.stats-directory-list button {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  width: 100%;
  padding: 12px;
  color: #1b2b25;
  text-align: left;
  background: #f5f7f5;
  border: 1px solid transparent;
  border-radius: 14px;
  cursor: pointer;
}

.stats-directory-list button:hover,
.stats-directory-list button.is-active {
  background: #eaf5ef;
  border-color: #9dcbb5;
}

.stats-directory-list button > i,
.stats-card-profile > i {
  display: grid;
  place-items: center;
  color: #fff;
  font-style: normal;
  font-weight: 900;
  background: #164737;
  border-radius: 12px;
}

.stats-directory-list button > i {
  width: 42px;
  height: 42px;
}

.stats-directory-list button span,
.stats-directory-list button strong,
.stats-directory-list button small,
.stats-directory-list button em {
  display: block;
  min-width: 0;
}

.stats-directory-list button strong {
  overflow: hidden;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stats-directory-list button small {
  margin-top: 2px;
  color: #6d7a75;
}

.stats-directory-list button .stats-supervisor-label {
  margin-top: 4px;
  color: #356451;
  font-size: 11px;
  font-weight: 750;
}

.stats-directory-list button em {
  width: fit-content;
  margin-top: 5px;
  padding: 3px 7px;
  color: #176b4e;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  background: #dff2e8;
  border-radius: 999px;
  text-transform: uppercase;
}

.stats-directory-list button > b {
  min-width: 36px;
  color: #164737;
  font-size: 18px;
  text-align: right;
}

.stats-card-panel {
  padding: 30px;
}

.stats-card-profile {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding-bottom: 26px;
  border-bottom: 1px solid #e0e7e3;
}

.stats-card-profile > i {
  width: 72px;
  height: 72px;
  font-size: 24px;
  border-radius: 20px;
}

.stats-card-profile h2 {
  margin: 0;
  color: #16251f;
  font-size: clamp(30px, 4vw, 48px);
  letter-spacing: -0.04em;
}

.stats-card-profile span {
  display: block;
  margin-top: 5px;
  color: #67756f;
}

.stats-card-profile .stats-profile-supervisor {
  display: block;
  margin-top: 8px;
  color: #356451;
  font-size: 13px;
  font-weight: 800;
}

.store-daily-standalone-shell {
  padding: 42px clamp(20px, 5vw, 72px) 0;
}

.daily-performance {
  overflow: hidden;
}

.daily-performance--standalone {
  max-width: 1540px;
  margin: 0 auto;
  padding: 30px;
  background: #fff;
  border: 1px solid #dbe5df;
  border-radius: 24px;
  box-shadow: 0 16px 45px rgba(23, 68, 52, 0.08);
}

.daily-performance-heading p:last-child,
.daily-goals-heading span,
.daily-entry-form > div:first-child span,
.daily-history > div:first-child span {
  display: block;
  max-width: 820px;
  margin-top: 7px;
  color: #68766f;
  line-height: 1.5;
}

.daily-performance-message {
  margin: 18px 0 0;
  padding: 14px 16px;
  color: #53635c;
  background: #f1f5f2;
  border-radius: 12px;
}

.daily-performance-message--error {
  color: #9d2925;
  background: #fff0ef;
}

.daily-latest-grid,
.daily-progress-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}

.daily-latest-grid article {
  min-width: 0;
  padding: 18px;
  background: #f1f5f2;
  border-radius: 15px;
}

.daily-latest-grid span,
.daily-latest-grid strong,
.daily-latest-grid small {
  display: block;
}

.daily-latest-grid span {
  color: #708078;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.daily-latest-grid strong {
  margin-top: 11px;
  color: #164737;
  font-size: clamp(21px, 2.4vw, 30px);
}

.daily-latest-grid small {
  margin-top: 8px;
  overflow: hidden;
  color: #75827d;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.daily-progress-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.monthly-comparison {
  margin-top: 22px;
  padding: 22px;
  overflow: hidden;
  background: #f8faf8;
  border: 1px solid #dde7e1;
  border-radius: 18px;
}

.monthly-comparison-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.monthly-comparison-title h3 {
  margin: 5px 0 0;
  color: #111;
  font-size: 24px;
}

.monthly-comparison-title > span {
  color: #59675f;
  font-size: 13px;
  font-weight: 800;
}

.monthly-comparison-table {
  min-width: 760px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dce5df;
  border-radius: 14px;
}

.monthly-comparison-header,
.monthly-comparison-row {
  display: grid;
  grid-template-columns: minmax(150px, 1.15fr) minmax(135px, 1fr) minmax(135px, 1fr) minmax(170px, 1.15fr);
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
}

.monthly-comparison-header {
  color: #111;
  background: #ffcc00;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.monthly-comparison-row + .monthly-comparison-row {
  border-top: 1px solid #e4e9e6;
}

.monthly-comparison-row > strong {
  color: #111;
}

.monthly-comparison-row > span {
  color: #263c33;
  font-size: 17px;
  font-weight: 800;
}

.monthly-comparison-change {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.monthly-comparison-change > span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 9px;
  color: #40554b;
  background: #f3f6f4;
  border: 1px solid #dfe7e2;
  border-radius: 9px;
}

.monthly-comparison-change > span:only-child {
  grid-column: 1 / -1;
}

.monthly-comparison-change small {
  color: #6b7771;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .04em;
  line-height: 1.1;
  text-transform: uppercase;
}

.monthly-comparison-change strong {
  overflow: hidden;
  font-size: 14px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.monthly-comparison-change.is-positive strong {
  color: #176b3a;
}

.monthly-comparison-change.is-negative strong {
  color: #a62e27;
}

.monthly-comparison-row > div > i {
  display: block;
  height: 8px;
  overflow: hidden;
  background: #e5ebe7;
  border-radius: 999px;
}

.monthly-comparison-row > div > i > b {
  display: block;
  height: 100%;
  background: #ffcc00;
  border-radius: inherit;
}

.monthly-comparison-row > div.is-attention > span {
  color: #a62e27;
}

.monthly-comparison-row > div.is-attention > i > b {
  background: #ef6a61;
}

.rm-note-store-target {
  display: grid;
  gap: 5px;
  padding: 13px 15px;
  background: #f5f7f5;
  border: 1px solid #dce5df;
  border-radius: 12px;
}

.rm-note-store-target span {
  color: #68766f;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.daily-goal-progress {
  padding: 20px;
  background: #f8faf8;
  border: 1px solid #dde7e1;
  border-radius: 18px;
}

.daily-goal-progress h3 {
  margin: 0 0 15px;
  color: #193d31;
  font-size: 20px;
}

.daily-goal-progress > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.daily-goal-progress article {
  padding: 13px;
  background: #fff;
  border: 1px solid #e0e8e3;
  border-radius: 12px;
}

.daily-goal-progress article > span,
.daily-goal-progress article > strong,
.daily-goal-progress article > small,
.daily-goal-progress article > em {
  display: block;
}

.daily-goal-progress article > span {
  color: #66756e;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.daily-goal-progress article > strong {
  margin-top: 7px;
  color: #173f31;
  font-size: 19px;
}

.daily-goal-progress article > small {
  margin-top: 3px;
  color: #78847f;
}

.daily-goal-progress article > div {
  height: 7px;
  margin-top: 10px;
  overflow: hidden;
  background: #e2ebe6;
  border-radius: 99px;
}

.daily-goal-progress article > div i {
  display: block;
  height: 100%;
  background: #249d6d;
  border-radius: inherit;
}

.daily-goal-progress article > em {
  margin-top: 6px;
  color: #217a58;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}

.daily-goal-progress article.is-attention > div i {
  background: #d44e47;
}

.daily-goal-progress article.is-attention > em {
  color: #b52f2a;
}

.daily-entry-form,
.daily-goals-form,
.daily-history {
  margin-top: 24px;
  padding: 22px;
  background: #f7f9f7;
  border: 1px solid #dde6e1;
  border-radius: 18px;
}

.daily-entry-form h3,
.daily-goals-form h3,
.daily-history h3 {
  margin: 0;
  color: #17372c;
  font-size: 23px;
}

.daily-entry-fields {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  gap: 12px;
  align-items: end;
  margin-top: 18px;
}

.daily-entry-fields label,
.daily-goals-heading label {
  display: grid;
  gap: 7px;
}

.daily-entry-fields label span,
.daily-goals-heading label span {
  color: #68766f;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.daily-entry-fields input,
.daily-goals-heading input,
.daily-goals-row input {
  width: 100%;
  min-width: 0;
  padding: 12px 13px;
  color: #17372c;
  font: inherit;
  background: #fff;
  border: 1px solid #cedbd4;
  border-radius: 10px;
}

.daily-entry-fields button,
.daily-goals-form > button {
  min-height: 45px;
  padding: 0 18px;
  color: #fff;
  font: inherit;
  font-weight: 850;
  background: #164737;
  border: 0;
  border-radius: 11px;
  cursor: pointer;
}

.daily-entry-fields button:disabled,
.daily-goals-form > button:disabled {
  cursor: wait;
  opacity: 0.62;
}

.daily-goals-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-end;
}

.daily-goals-heading label {
  width: min(220px, 100%);
  flex: none;
}

.daily-goals-table,
.daily-history-table {
  min-width: 900px;
  margin-top: 18px;
}

.daily-goals-form,
.daily-history {
  overflow-x: auto;
}

.daily-goals-row,
.daily-history-row {
  display: grid;
  gap: 10px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #e0e7e3;
}

.daily-goals-row {
  grid-template-columns: 120px repeat(4, minmax(130px, 1fr));
}

.daily-history-row {
  grid-template-columns: 140px repeat(4, minmax(110px, 1fr)) minmax(150px, 1.2fr) 92px;
}

.daily-history-action button {
  width: 100%;
  border: 1px solid #d8a69d;
  border-radius: 9px;
  background: #fff4f1;
  color: #8e2f20;
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  padding: 8px 10px;
}

.daily-history-action button:hover:not(:disabled) {
  background: #ffe7e1;
}

.daily-history-action button:disabled {
  cursor: wait;
  opacity: 0.6;
}

.daily-goals-row--header,
.daily-history-row--header {
  color: #6a7872;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.daily-goals-row > strong:first-child,
.daily-history-row > span:first-child {
  color: #1d4536;
  font-weight: 850;
}

.daily-goals-form > button {
  float: right;
  margin-top: 18px;
}

.daily-goals-form::after {
  display: block;
  clear: both;
  content: "";
}

.daily-history > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: end;
}

@media (max-width: 980px) {
  .daily-latest-grid,
  .daily-entry-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .daily-entry-fields button {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  .store-daily-standalone-shell {
    padding: 18px 12px 0;
  }

  .daily-performance--standalone {
    padding: 20px 15px;
    border-radius: 18px;
  }

  .daily-latest-grid,
  .daily-progress-grid,
  .daily-goal-progress > div,
  .daily-entry-fields {
    grid-template-columns: 1fr;
  }

  .monthly-comparison {
    padding: 16px;
    overflow-x: auto;
  }

  .monthly-comparison-title {
    align-items: flex-start;
    flex-direction: column;
  }

  .daily-goals-heading,
  .daily-history > div:first-child {
    align-items: stretch;
    flex-direction: column;
  }
}

.stats-card-overall {
  min-width: 150px;
  padding: 14px 18px;
  text-align: center;
  background: #eef4f0;
  border-radius: 16px;
}

.stats-card-overall span,
.stats-card-overall small,
.stats-card-overall strong {
  display: block;
}

.stats-card-overall span,
.stats-card-overall small {
  color: #66756f;
  font-size: 12px;
  font-weight: 750;
}

.stats-card-overall strong {
  margin: 2px 0;
  color: #164737;
  font-size: 34px;
}

.stats-card-scorecard,
.stats-history {
  margin-top: 28px;
  padding: 24px;
  background: #f7f9f7;
  border: 1px solid #e1e8e4;
  border-radius: 20px;
}

.stats-card-heading,
.stats-history-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
}

.stats-card-heading h3,
.stats-history-heading h3 {
  margin: 0;
  font-size: 25px;
}

.stats-card-heading div > span {
  display: block;
  max-width: 760px;
  margin-top: 7px;
  color: #67756f;
  line-height: 1.5;
}

.stats-card-heading > small,
.stats-history-heading > span {
  flex: none;
  padding: 7px 10px;
  color: #53615c;
  font-size: 11px;
  font-weight: 900;
  background: #e6ede9;
  border-radius: 999px;
  text-transform: uppercase;
}

.stats-score-grid,
.stats-readonly-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}

.stats-score-grid label,
.stats-readonly-grid article {
  padding: 15px;
  background: #fff;
  border: 1px solid #dce5df;
  border-radius: 14px;
}

.stats-score-grid label {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px 42px;
  gap: 10px;
  align-items: center;
}

.stats-score-grid label > span,
.stats-readonly-grid article span {
  color: #263c33;
  font-weight: 800;
}

.stats-score-grid em,
.stats-readonly-grid em,
.stats-history-list em {
  display: inline-block;
  margin-left: 7px;
  color: #21845f;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.stats-score-grid em.is-down,
.stats-readonly-grid em.is-down,
.stats-history-list em.is-down {
  color: #bd4238;
}

.stats-score-grid select {
  width: 100%;
  padding: 10px;
  background: #fff;
  border: 1px solid #cbd8d1;
  border-radius: 10px;
  font: inherit;
}

.stats-score-grid label > strong {
  color: #6c7974;
  font-size: 13px;
}

.stats-card-scorecard form footer {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-top: 18px;
}

.stats-card-scorecard form footer p {
  margin: 0;
  color: #67756f;
}

.stats-card-scorecard button {
  padding: 12px 18px;
  color: #fff;
  font-weight: 850;
  background: #164737;
  border: 0;
  border-radius: 12px;
  cursor: pointer;
}

.stats-card-scorecard button:disabled {
  cursor: wait;
  opacity: 0.6;
}

.stats-readonly-grid article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.stats-readonly-grid article > strong {
  color: #164737;
  font-size: 24px;
}

.stats-readonly-grid article > div:first-child {
  min-width: 0;
}

.stats-readonly-grid article > div:last-child {
  grid-column: 1 / -1;
  height: 7px;
  overflow: hidden;
  background: #e7ece9;
  border-radius: 999px;
}

.stats-readonly-grid article > div:last-child i {
  display: block;
  height: 100%;
  background: #2ba375;
  border-radius: inherit;
}

.stats-history-list {
  display: grid;
  gap: 12px;
  margin-top: 20px;
}

.stats-history-list > article {
  padding: 17px;
  background: #fff;
  border: 1px solid #dce5df;
  border-radius: 14px;
}

.stats-history-list article > header {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e6ece8;
}

.stats-history-list header strong,
.stats-history-list header span {
  display: block;
}

.stats-history-list header span {
  margin-top: 2px;
  color: #6b7873;
  font-size: 13px;
}

.stats-history-list header b {
  color: #164737;
  font-size: 25px;
}

.stats-history-list article > div:last-child {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.stats-history-list article > div:last-child > span {
  padding: 9px;
  background: #f3f6f4;
  border-radius: 9px;
}

.stats-history-list small,
.stats-history-list strong {
  display: block;
}

.stats-history-list small {
  color: #697670;
}

.stats-card-message {
  margin: 18px 0;
  padding: 16px 18px;
  color: #53615c;
  background: #edf2ef;
  border-radius: 14px;
}

.stats-card-message--error {
  color: #8c2f29;
  background: #fdeceb;
}

.rm-store-goals {
  display: grid;
  gap: 22px;
  width: 100%;
  margin: 24px 0;
}

.rm-store-goal-bars {
  display: grid;
  gap: 12px;
  width: 100%;
}

.rm-store-goal-bar {
  display: grid;
  grid-template-columns: minmax(220px, 1.15fr) minmax(520px, 2.6fr) 32px;
  gap: 24px;
  align-items: center;
  width: 100%;
  min-height: 116px;
  padding: 20px 24px;
  color: #111;
  text-align: left;
  background: #fff;
  border: 1px solid #d9dfdc;
  border-radius: 18px;
  box-shadow: 0 8px 20px rgb(30 45 38 / 6%);
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.rm-store-goal-bar:hover,
.rm-store-goal-bar:focus-visible {
  border-color: #111;
  box-shadow: 0 12px 26px rgb(30 45 38 / 10%);
  transform: translateY(-1px);
  outline: none;
}

.rm-store-goal-bar.is-active {
  background: #fff9d9;
  border-color: #e8bd00;
  box-shadow: 0 0 0 2px rgb(255 212 0 / 22%);
}

.rm-store-goal-identity,
.rm-store-goal-preview,
.rm-store-goal-preview > span {
  display: grid;
}

.rm-store-goal-identity {
  gap: 7px;
  min-width: 0;
}

.rm-store-goal-identity strong {
  overflow: hidden;
  font-size: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rm-store-goal-identity small {
  overflow: hidden;
  color: #5c6762;
  font-size: 14px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rm-store-goal-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.rm-store-goal-preview {
  gap: 8px;
  min-width: 0;
}

.rm-store-goal-preview > span {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: baseline;
}

.rm-store-goal-preview small {
  overflow: hidden;
  color: #55625c;
  font-size: 13px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rm-store-goal-preview strong {
  font-size: 18px;
}

.rm-store-goal-preview > i {
  display: block;
  height: 9px;
  overflow: hidden;
  background: #e3e9e6;
  border-radius: 999px;
}

.rm-store-goal-preview > i b {
  display: block;
  height: 100%;
  background: #ffd400;
  border-radius: inherit;
}

.rm-store-goal-preview.is-attention > i b {
  background: #ef6b5f;
}

.rm-store-goal-preview em {
  color: #6a746f;
  font-size: 12px;
  font-style: normal;
}

.rm-store-goal-preview.is-attention em {
  color: #a0322a;
  font-weight: 750;
}

.rm-store-goal-arrow {
  font-size: 24px;
  text-align: right;
}

.rm-direct-report-goal {
  overflow: hidden;
  background: #fff;
  border: 1px solid #d9dfdc;
  border-radius: 18px;
  box-shadow: 0 8px 20px rgb(30 45 38 / 6%);
}

.rm-direct-report-goal > summary {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  list-style: none;
}

.rm-direct-report-goal > summary::-webkit-details-marker {
  display: none;
}

.rm-direct-report-goal[open] > summary {
  background: #fff9d9;
  border-bottom: 1px solid #e8bd00;
}

.rm-direct-report-arrow {
  transition: transform 160ms ease;
}

.rm-direct-report-goal[open] .rm-direct-report-arrow {
  transform: rotate(180deg);
}

.rm-direct-report-store-list {
  display: grid;
  gap: 10px;
  padding: 14px;
  background: #f7f8f6;
}

.rm-direct-report-store {
  display: grid;
  grid-template-columns: minmax(220px, 1.15fr) minmax(520px, 2.6fr) 32px;
  gap: 24px;
  align-items: center;
  width: 100%;
  min-height: 102px;
  padding: 17px 20px;
  color: #111;
  text-align: left;
  background: #fff;
  border: 1px solid #d9dfdc;
  border-radius: 14px;
  cursor: pointer;
}

.rm-direct-report-store:hover,
.rm-direct-report-store:focus-visible,
.rm-direct-report-store.is-active {
  border-color: #e8bd00;
  outline: none;
}

.rm-direct-report-store.is-active {
  background: #fffdf0;
  box-shadow: 0 0 0 2px rgb(255 212 0 / 18%);
}

.rm-direct-report-store-details {
  padding-top: 4px;
}

.rm-direct-report-store-details > .daily-performance-section,
.rm-direct-report-store-details > section {
  margin: 0;
}

@media (max-width: 1020px) {
  .rm-store-goal-bar,
  .rm-direct-report-store {
    grid-template-columns: minmax(180px, .85fr) minmax(420px, 2fr) 24px;
    gap: 16px;
    padding: 18px;
  }

  .rm-store-goal-preview-grid {
    gap: 12px;
  }
}

@media (max-width: 760px) {
  .rm-store-goal-bar,
  .rm-direct-report-store {
    grid-template-columns: minmax(0, 1fr) 24px;
  }

  .rm-store-goal-preview-grid {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .rm-store-goal-arrow {
    grid-column: 2;
    grid-row: 1;
  }
}

@media (max-width: 520px) {
  .rm-store-goal-preview-grid {
    grid-template-columns: 1fr;
  }
}

.rm-goal-workspace,
.biweekly-report-form,
.biweekly-message-section,
.biweekly-note-section {
  padding: 24px;
  background: #fff;
  border: 1px solid #d9dfdc;
  border-radius: 20px;
  box-shadow: 0 10px 28px rgb(30 45 38 / 7%);
}

.dashboard-shell > .topbar .view-tabs {
  max-width: calc(100% - 430px);
  overflow-x: auto;
  scrollbar-width: thin;
}

.dashboard-shell > .topbar .view-tabs button {
  flex: 0 0 auto;
  white-space: nowrap;
}

.responsive-nav {
  display: contents;
}

.responsive-nav > .responsive-nav-toggle {
  display: none;
}

.responsive-nav:not(.is-open) > .view-tabs {
  display: flex !important;
}

@media (max-width: 1180px) {
  .responsive-nav {
    display: block;
    position: relative;
    z-index: 1200;
  }

  .dashboard-shell > .topbar .responsive-nav {
    display: flex;
    order: 3;
    justify-content: center;
    width: 100%;
  }

  .profile-topbar .responsive-nav {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: center;
  }

  .responsive-nav > .responsive-nav-toggle {
    display: grid;
    place-items: center;
    width: 52px;
    height: 46px;
    color: #111;
    background: #ffd400;
    border: 1px solid #e1bb10;
    border-radius: 12px;
    box-shadow: 0 7px 18px rgb(32 38 34 / 12%);
    cursor: pointer;
    list-style: none;
  }

  .responsive-nav > .responsive-nav-toggle:focus-visible {
    box-shadow: 0 0 0 4px rgb(255 212 0 / 28%);
    outline: 2px solid #111;
    outline-offset: 2px;
  }

  .responsive-nav-icon {
    display: grid;
    gap: 5px;
    width: 24px;
  }

  .responsive-nav-icon i {
    display: block;
    height: 3px;
    background: #111;
    border-radius: 999px;
  }

  .responsive-nav:not(.is-open) > .view-tabs {
    display: none !important;
  }

  .responsive-nav.is-open > .view-tabs,
  .dashboard-shell > .topbar .responsive-nav.is-open > .view-tabs,
  .profile-topbar .responsive-nav.is-open > .view-tabs {
    display: grid !important;
    position: absolute;
    top: calc(100% + 9px);
    left: 50%;
    z-index: 1400;
    gap: 5px;
    width: min(420px, calc(100vw - 28px));
    max-width: none;
    max-height: min(70vh, 620px);
    margin: 0;
    padding: 8px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #d2d9d5;
    border-radius: 15px;
    box-shadow: 0 20px 48px rgb(26 35 30 / 22%);
    transform: translateX(-50%);
  }

  .responsive-nav.is-open > .view-tabs button {
    justify-content: flex-start;
    width: 100%;
    min-height: 44px;
    padding: 10px 14px;
    text-align: left;
  }
}

.rm-goal-workspace {
  display: grid;
  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.rm-goal-workspace-controls,
.rm-goal-workspace-controls label,
.rm-goal-editor,
.rm-goal-fields label,
.biweekly-report-form,
.biweekly-report-form-heading label,
.biweekly-template-grid label {
  display: grid;
  gap: 9px;
}

.rm-goal-workspace-controls {
  gap: 18px;
  padding: 20px;
  background: #f3f6f4;
  border-radius: 16px;
}

.rm-goal-workspace label > span,
.biweekly-report-form label > span {
  font-size: 13px;
  font-weight: 800;
}

.rm-goal-workspace select,
.rm-goal-workspace input,
.biweekly-report-form select,
.biweekly-report-form textarea {
  width: 100%;
  padding: 13px 14px;
  color: #111;
  font: inherit;
  background: #fff;
  border: 1px solid #cfd8d3;
  border-radius: 12px;
}

.rm-goal-workspace select:focus,
.rm-goal-workspace input:focus,
.biweekly-report-form select:focus,
.biweekly-report-form textarea:focus {
  border-color: #d8af00;
  box-shadow: 0 0 0 3px rgb(255 212 0 / 22%);
  outline: none;
}

.rm-goal-editor {
  gap: 20px;
}

.rm-goal-editor h2,
.biweekly-report-form h2,
.biweekly-report-history h2 {
  margin: 4px 0;
}

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

.rm-goal-editor > button,
.biweekly-report-actions button {
  justify-self: end;
  padding: 13px 20px;
  color: #111;
  font-weight: 850;
  background: #ffd400;
  border: 0;
  border-radius: 12px;
  cursor: pointer;
}

.rm-goal-editor > button:disabled,
.biweekly-report-actions button:disabled {
  cursor: wait;
  opacity: .6;
}

.rm-goal-message {
  margin: 0;
  padding: 14px 16px;
  background: #fff9d9;
  border: 1px solid #efd15a;
  border-radius: 12px;
}

.biweekly-report-form {
  gap: 22px;
}

.biweekly-report-form-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
  gap: 24px;
  align-items: end;
}

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

.biweekly-template-grid label:last-child {
  grid-column: 1 / -1;
}

.biweekly-template-grid textarea {
  min-height: 150px;
  resize: vertical;
}

.biweekly-report-actions {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
}

.biweekly-report-history {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  align-items: start;
}

.biweekly-message-section,
.biweekly-note-section {
  display: grid;
  gap: 18px;
}

@media (max-width: 900px) {
  .dashboard-shell > .topbar .view-tabs {
    max-width: 100%;
  }

  .rm-goal-workspace,
  .biweekly-report-form-heading,
  .biweekly-report-history {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .rm-goal-fields,
  .biweekly-template-grid {
    grid-template-columns: 1fr;
  }

  .biweekly-template-grid label:last-child {
    grid-column: auto;
  }

  .biweekly-report-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .biweekly-report-actions button,
  .rm-goal-editor > button {
    justify-self: stretch;
    width: 100%;
  }
}

/* EOM store cards show monthly performance-goal progress instead of checklist cadence. */
.rm-store-portfolio-list > a > .assigned-store-goal-progress {
  display: grid;
  grid-template-columns: repeat(3, minmax(105px, 1fr));
  flex: 0 1 640px;
  gap: 8px;
  text-align: left;
}

.assigned-store-goal-progress-item {
  min-width: 0;
  padding: 9px 10px;
  background: #eef5f1;
  border: 1px solid #d7e4dc;
  border-radius: 12px;
  box-shadow: none !important;
}

.assigned-store-goal-progress-item > span:first-child {
  display: flex;
  min-width: 0;
  align-items: stretch;
  flex-direction: column;
  gap: 2px;
}

.rm-store-portfolio-list .assigned-store-goal-progress-item small {
  margin: 0;
  color: #2f2f2f;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .025em;
  line-height: 1.1;
  text-transform: uppercase;
}

.rm-store-portfolio-list .assigned-store-goal-progress-item strong {
  display: block;
  max-width: 100%;
  overflow: visible;
  color: #111;
  font-size: clamp(12px, 1.1vw, 15px);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.035em;
  line-height: 1.15;
  text-align: right;
  white-space: nowrap;
}

.assigned-store-goal-progress-bar {
  height: 6px;
  margin-top: 7px;
  overflow: visible;
  background: rgba(17, 17, 17, .12);
  border-radius: 999px;
}

.assigned-store-goal-progress-bar i {
  display: block;
  height: 100%;
  background: #ffd400;
  border-radius: inherit;
  box-shadow: 0 0 7px 2px rgba(255, 212, 0, .9);
  transition: width .35s ease;
}

.assigned-store-goal-progress-item em {
  display: block;
  margin-top: 6px;
  color: #617168;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
}

.assigned-store-goal-progress-item.is-attention {
  background: #fff1ed;
  border-color: #efc8bd;
}

.assigned-store-goal-progress-item.is-attention .assigned-store-goal-progress-bar i {
  background: #d75b45;
  box-shadow: 0 0 7px 2px rgba(215, 91, 69, .75);
}

.assigned-store-goal-progress-item.is-attention em {
  color: #a43d2d;
}

@media (max-width: 1050px) {
  .rm-store-portfolio-list > a {
    align-items: stretch;
    flex-direction: column;
  }

  .rm-store-portfolio-list > a > .assigned-store-goal-progress {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    flex-basis: auto;
    width: 100%;
  }
}

@media (max-width: 560px) {
  .rm-store-portfolio-list > a > .assigned-store-goal-progress {
    grid-template-columns: 1fr;
  }
}

/* Daily collection completion for EOM RM profiles and RM store portfolios. */
.rm-portfolio-metrics--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.collection-completion-card {
  display: grid;
  align-content: start;
  gap: 7px;
}

.collection-completion-card > strong {
  margin-bottom: 0;
}

.collection-completion-bar {
  height: 7px;
  overflow: hidden;
  background: rgb(17 17 17 / 12%);
  border-radius: 999px;
}

.collection-completion-bar > i {
  display: block;
  height: 100%;
  background: #ffd400;
  border-radius: inherit;
  box-shadow: 0 0 7px 2px rgb(255 212 0 / 72%);
  transition: width .3s ease;
}

.collection-completion-card.is-pending {
  background: #fffaf0;
  border-color: #eadba5;
}

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

@media (max-width: 620px) {
  .rm-portfolio-metrics--four {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 960px) {
  .stats-center {
    padding: 24px;
  }

  .stats-center-layout {
    grid-template-columns: 1fr;
  }

  .stats-directory {
    position: static;
    max-height: none;
  }

  .stats-directory-list {
    max-height: 320px;
  }
}

@media (max-width: 680px) {
  .stats-center {
    padding: 14px;
  }

  .stats-center-hero,
  .stats-card-profile,
  .stats-card-heading,
  .stats-history-heading,
  .stats-card-scorecard form footer {
    align-items: stretch;
    flex-direction: column;
  }

  .stats-center-hero {
    display: flex;
    padding: 25px;
  }

  .stats-center-summary {
    min-width: 0;
  }

  .stats-card-panel {
    padding: 18px;
  }

  .stats-card-profile {
    display: flex;
  }

  .stats-card-overall {
    width: 100%;
  }

  .stats-score-grid,
  .stats-readonly-grid,
  .stats-history-list article > div:last-child {
    grid-template-columns: 1fr;
  }

  .stats-score-grid label {
    grid-template-columns: minmax(0, 1fr) 86px 40px;
  }
}


/* Five live portfolio summaries: balances, accounts, growth, checklist, and calls. */
.rm-portfolio-metrics--five {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  align-items: stretch;
  gap: 14px;
}

.rm-portfolio-metrics--five > article {
  display: flex;
  flex-direction: column;
  min-height: 158px;
  padding: 18px 20px;
  overflow: hidden;
}

.rm-portfolio-metrics--five > article > span {
  min-height: 30px;
  line-height: 1.35;
}

.rm-portfolio-metrics--five > article > strong {
  margin-top: 10px;
  font-size: clamp(22px, 1.8vw, 30px);
  line-height: 1.05;
  white-space: nowrap;
}

.rm-portfolio-metrics--five > article > small {
  margin-top: 10px;
  line-height: 1.45;
}

.rm-portfolio-metrics--five .collection-completion-bar {
  width: 100%;
  margin-top: 10px;
}

.rm-portfolio-metrics--five .collection-completion-card > small {
  margin-top: 12px;
}

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

@media (max-width: 460px) {
  .rm-portfolio-metrics--five {
    grid-template-columns: 1fr;
  }
}

.rm-store-goal-preview-grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 900px) and (min-width: 521px) {
  .rm-store-goal-preview-grid--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* Weekly Store Recap mirrors the supplied store worksheet while remaining responsive. */
.weekly-report-form { display: grid; gap: 22px; padding: 24px; background: #fff; border: 1px solid #d9dfdc; border-radius: 20px; box-shadow: 0 10px 28px rgb(30 45 38 / 7%); }
.weekly-recap-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,320px) auto; gap: 18px; align-items: end; }
.weekly-recap-heading h2 { margin: 4px 0; }
.weekly-recap-heading label, .weekly-recap-section label { display: grid; gap: 8px; }
.weekly-recap-heading label > span, .weekly-recap-period span, .weekly-recap-section label > span { font-size: 12px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.weekly-recap-heading select, .weekly-report-form input, .weekly-report-form textarea { width: 100%; min-width: 0; padding: 12px 13px; color: #111; font: inherit; background: #fff; border: 1px solid #aeb8b2; border-radius: 9px; }
.weekly-report-form input:focus, .weekly-report-form textarea:focus, .weekly-recap-heading select:focus { border-color: #d8af00; box-shadow: 0 0 0 3px rgb(255 212 0 / 22%); outline: none; }
.weekly-recap-period { display: grid; gap: 5px; min-width: 205px; padding: 12px 14px; background: #f4f6f4; border: 1px solid #d7dfda; border-radius: 12px; }
.weekly-recap-period strong { font-size: 15px; }
.weekly-recap-sheet { overflow: hidden; border: 2px solid #232323; border-radius: 14px; }
.weekly-recap-section { display: grid; grid-template-columns: minmax(190px,280px) minmax(0,1fr); min-height: 170px; border-bottom: 2px solid #232323; }
.weekly-recap-section > span, .weekly-recap-section > h3 { display: grid; place-items: center; margin: 0; padding: 24px; text-align: center; font-size: 22px; font-weight: 850; background: #fbe5d6; border-right: 2px solid #232323; }
.weekly-recap-section > textarea { min-height: 170px; padding: 16px; border: 0; border-radius: 0; resize: vertical; }
.weekly-recap-section--growth { grid-template-columns: minmax(190px,280px) minmax(0,1fr); }
.weekly-recap-section--growth > .weekly-recap-metrics, .weekly-recap-section--growth > textarea { grid-column: 2; }
.weekly-recap-section--growth > h3 { grid-column: 1; grid-row: 1 / 3; }
.weekly-recap-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-bottom: 2px solid #232323; }
.weekly-recap-metrics label { display: grid; grid-template-columns: 1fr minmax(90px,1fr); align-items: center; gap: 0; background: #fbe5d6; border-right: 2px solid #232323; }
.weekly-recap-metrics label:last-child { border-right: 0; }
.weekly-recap-metrics span { padding: 12px; text-align: center; font-weight: 850; }
.weekly-recap-metrics input { height: 100%; border: 0; border-left: 2px solid #232323; border-radius: 0; text-align: center; }
.weekly-recap-section--employees { min-height: 360px; background: #f7f7ff; }
.weekly-recap-section--employees > h3 { grid-column: 1; grid-row: 1 / 3; background: #c8c6ff; }
.weekly-recap-section--employees > label, .weekly-recap-section--employees > textarea { grid-column: 2; }
.weekly-recap-section--employees > label { grid-template-columns: 170px 1fr; align-items: center; gap: 0; border-bottom: 2px solid #232323; }
.weekly-recap-section--employees > label span { padding: 12px; text-align: center; background: #c8c6ff; border-right: 2px solid #232323; }
.weekly-recap-section--employees > label input, .weekly-recap-section--employees > textarea { border: 0; border-radius: 0; }
.weekly-recap-section--employees > textarea { min-height: 300px; padding: 16px; resize: vertical; }
.weekly-recap-totals { display: grid; grid-template-columns: minmax(220px,1.2fr) repeat(3,minmax(140px,1fr)); border-bottom: 2px solid #232323; background: #fbe5d6; }
.weekly-recap-totals h3 { display: grid; place-items: center; margin: 0; padding: 16px; border-right: 2px solid #232323; font-size: 16px; text-align: center; }
.weekly-recap-totals label { display: grid; grid-template-columns: 1fr 90px; align-items: stretch; border-right: 2px solid #232323; }
.weekly-recap-totals label:last-child { border-right: 0; }
.weekly-recap-totals span { display: grid; place-items: center; padding: 10px; font-weight: 850; text-align: center; }
.weekly-recap-totals input { border: 0; border-left: 2px solid #232323; border-radius: 0; text-align: center; }
.weekly-recap-results { display: grid; grid-template-columns: minmax(220px,1.2fr) minmax(0,3fr); background: #fff; }
.weekly-recap-results-heading { display: grid; place-items: center; align-content: center; gap: 12px; padding: 20px; text-align: center; background: #fbe5d6; border-right: 2px solid #232323; }
.weekly-recap-results-heading h3 { margin: 0; font-size: 20px; }
.weekly-recap-results-heading span { font-size: 13px; }
.weekly-recap-results-heading button { padding: 9px 13px; font-weight: 850; background: #fff; border: 1px solid #232323; border-radius: 8px; cursor: pointer; }
.weekly-recap-results-table { min-width: 0; }
.weekly-recap-results-header, .weekly-recap-result-row { display: grid; grid-template-columns: minmax(210px,1.5fr) minmax(130px,1fr) minmax(110px,.8fr) 44px; }
.weekly-recap-results-header { font-weight: 850; text-align: center; background: #fbe5d6; }
.weekly-recap-results-header span, .weekly-recap-result-row input, .weekly-recap-result-row button { min-width: 0; padding: 10px; border: 0; border-right: 1px solid #232323; border-bottom: 1px solid #232323; border-radius: 0; }
.weekly-recap-result-row:last-child input, .weekly-recap-result-row:last-child button { border-bottom: 0; }
.weekly-recap-result-row input:nth-child(n+2) { text-align: center; }
.weekly-recap-result-row button { color: #8a2722; font-size: 22px; background: #fff7f6; cursor: pointer; }
.weekly-report-actions { display: flex; justify-content: space-between; gap: 18px; align-items: center; }
.weekly-report-actions button { padding: 13px 20px; color: #111; font-weight: 850; background: #ffd400; border: 0; border-radius: 12px; cursor: pointer; }
.weekly-report-actions button:disabled { cursor: wait; opacity: .6; }
.weekly-report-history { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; align-items: start; }
@media (max-width: 980px) { .weekly-recap-heading, .weekly-report-history { grid-template-columns: 1fr; } .weekly-recap-period { min-width: 0; } .weekly-recap-metrics { grid-template-columns: 1fr; } .weekly-recap-metrics label { border-right: 0; border-bottom: 1px solid #232323; } .weekly-recap-metrics label:last-child { border-bottom: 0; } .weekly-recap-totals { grid-template-columns: 1fr; } .weekly-recap-totals h3, .weekly-recap-totals label { border-right: 0; border-bottom: 1px solid #232323; } .weekly-recap-totals label:last-child { border-bottom: 0; } }
@media (max-width: 720px) { .weekly-report-form { padding: 14px; } .weekly-recap-section, .weekly-recap-section--growth, .weekly-recap-results { grid-template-columns: 1fr; } .weekly-recap-section > span, .weekly-recap-section > h3, .weekly-recap-results-heading { min-height: auto; border-right: 0; border-bottom: 2px solid #232323; } .weekly-recap-section--growth > h3, .weekly-recap-section--growth > .weekly-recap-metrics, .weekly-recap-section--growth > textarea, .weekly-recap-section--employees > h3, .weekly-recap-section--employees > label, .weekly-recap-section--employees > textarea { grid-column: 1; grid-row: auto; } .weekly-recap-results-table { overflow-x: auto; } .weekly-recap-results-header, .weekly-recap-result-row { min-width: 650px; } .weekly-report-actions { align-items: stretch; flex-direction: column; } .weekly-report-actions button { width: 100%; } }


/* Jett can change between his two existing permission scopes without signing out. */
.topbar-access .jett-view-switch {
  color: #111 !important;
  background: #fff !important;
  border: 1px solid #c8b76b !important;
  white-space: nowrap;
}
.topbar-access .jett-view-switch:hover:not(:disabled) {
  background: #fff8d7 !important;
}
.topbar-access .jett-view-switch:disabled {
  cursor: wait;
  opacity: .62;
}
@media (max-width: 720px) {
  .topbar-access .jett-view-switch {
    white-space: normal;
    line-height: 1.2;
  }
}


/* Regional managers review manager-submitted weekly recaps in one full-width feed. */
.weekly-report-history--reviewer { grid-template-columns: minmax(0, 1fr); }


/* profile-header-20260817-v1.css */
/* Keep store-page navigation separate from the brand and signed-in user. */
.profile-topbar {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(0, auto) minmax(180px, 1fr);
  gap: 16px;
  padding-block: 10px;
}

.profile-topbar .view-tabs {
  position: static;
  left: auto;
  max-width: 100%;
  min-width: 0;
  justify-self: center;
  transform: none;
  overflow-x: auto;
  scrollbar-width: thin;
}

.profile-topbar .access-controls {
  justify-self: end;
}

@media (max-width: 1400px) {
  .profile-topbar {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .profile-topbar .view-tabs {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: center;
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 700px) {
  .profile-topbar {
    padding: 12px 18px;
  }

  .profile-topbar .view-tabs {
    justify-content: flex-start;
  }

  .profile-topbar .view-tabs button {
    flex: 0 0 auto;
  }
}


/* dlc-yellow-theme-20260818-v1.css */
:root {
  --ink: #080808;
  --muted: #080808;
  --line: #ded9c7;
  --paper: #f8f7f1;
  --open: #ffcb05;
  --forest: #ffcb05;
  --dlc-yellow: #ffcb05;
  --dlc-yellow-dark: #d7aa00;
  --dlc-yellow-soft: #fff7cc;
  --dlc-black: #080808;
}

html body,
html body :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  span,
  strong,
  small,
  label,
  legend,
  button,
  a,
  input,
  select,
  textarea,
  option,
  th,
  td,
  dt,
  dd,
  b,
  em,
  i
) {
  color: var(--dlc-black) !important;
}

html body ::placeholder {
  color: #4d4d4d !important;
  opacity: 1;
}

.brand-mark {
  display: none !important;
}

.brand-lockup--wordmark,
.login-brand--wordmark {
  display: flex;
  align-items: center;
  min-width: max-content;
}

.brand-lockup--wordmark p,
.login-brand--wordmark strong {
  margin: 0;
  color: var(--dlc-black) !important;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.035em;
  line-height: 1;
}

.login-brand--wordmark strong {
  font-size: 28px;
}

.login-shell,
.treana-notes-view,
.store-profile-shell,
.task-manager-view,
.duty-checklist-view,
.stats-center {
  background:
    radial-gradient(circle at 88% 3%, rgba(255, 203, 5, 0.22), transparent 28%),
    #f8f7f1 !important;
}

.profile-hero,
.treana-notes-hero,
.stats-center-hero,
.login-input-row button,
.daily-recap-file-button,
.daily-recap-preview > button,
.daily-recap-history button,
.popup-see-more,
.treana-rm-note-form > button,
.employee-rating-footer button,
.rm-rating-footer button,
.rm-note-form-footer button,
.task-button--primary,
.project-rail-heading button,
.project-rail-icon,
.task-board-empty > span,
.daily-entry-fields button,
.daily-goals-form > button,
.stats-card-scorecard button,
.stats-directory-list button > i,
.stats-card-profile > i {
  color: var(--dlc-black) !important;
  background: var(--dlc-yellow) !important;
  border-color: var(--dlc-yellow-dark) !important;
}

.topbar-access button,
.logout-button,
.view-tabs button.is-active,
.treana-rm-note-actions button,
.treana-notes-section-heading button,
.daily-recap-history button,
.employee-rating-heading > small,
.rm-rating-heading > small,
.stats-center-summary,
.stats-card-overall,
.stats-card-message,
.personnel-login-note,
.store-number-status.is-on-track,
.rm-note-share-toggle.is-on,
.stats-directory-list button:hover,
.stats-directory-list button.is-active {
  color: var(--dlc-black) !important;
  background: var(--dlc-yellow-soft) !important;
  border-color: #e5ca55 !important;
}

.legend-dot--open,
.status-dot--open,
.card-status--open,
.map-pin--open,
.rm-duty-category-list i,
.duty-progress i,
.duty-item.is-complete .duty-checkbox,
.daily-goal-progress article > div i,
.stats-readonly-grid article > div:last-child i,
.rm-note-share-toggle.is-on > i {
  color: var(--dlc-black) !important;
  background: var(--dlc-yellow) !important;
  border-color: var(--dlc-yellow-dark) !important;
}

.employee-profile-heading > span,
.rm-profile-directory i,
.rm-profile-header > i {
  color: var(--dlc-black) !important;
  background: var(--dlc-yellow) !important;
}

.rm-note-card,
.employee-rating-requirement {
  border-left-color: var(--dlc-yellow) !important;
}

.task-card-footer input,
.treana-share-toggle input {
  accent-color: var(--dlc-yellow);
}

.task-manager-spinner {
  border-top-color: var(--dlc-yellow) !important;
}

.project-rail-card.is-active {
  box-shadow: inset 3px 0 var(--dlc-yellow) !important;
}

.map-pin--open:after {
  border-color: rgba(255, 203, 5, 0.42) !important;
}

.eyebrow,
.employee-profile-heading p,
.rm-note-card-heading span,
.treana-rm-note-card-heading span,
.duty-section > header span,
.daily-goal-progress article > em,
.stats-center-hero .eyebrow,
.stats-card-panel .eyebrow {
  color: var(--dlc-black) !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus-visible,
a:focus-visible {
  border-color: var(--dlc-yellow-dark) !important;
  outline-color: var(--dlc-yellow) !important;
  box-shadow: 0 0 0 3px rgba(255, 203, 5, 0.3) !important;
}

@media (max-width: 700px) {
  .brand-lockup--wordmark p {
    font-size: 20px;
  }
}


/* my-stores-visible-20260818-v1.css */
/* Ensure manager and multi-store manager assignments remain visible. */
.rm-own-portfolio-view .rm-store-portfolio {
  display: block !important;
  margin-top: 24px;
}


/* executive-reporting-20260901-v8.css */
.executive-reporting {
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
  padding: 34px clamp(18px, 4vw, 58px) 70px;
  background: #f7f6ef;
  color: #111;
}

.executive-reporting-loading {
  display: grid;
  place-items: center;
  min-height: 70vh;
  font-size: 22px;
  font-weight: 800;
}

.executive-reporting-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding: clamp(28px, 4vw, 52px);
  border-radius: 30px;
  background: #ffd400;
  box-shadow: 0 22px 48px rgba(65, 52, 0, .12);
}

.executive-reporting-hero h1 {
  margin: 4px 0 12px;
  font-size: clamp(44px, 7vw, 88px);
  line-height: .92;
  letter-spacing: -.06em;
}

.executive-reporting-hero p:not(.eyebrow) {
  max-width: 760px;
  margin: 0;
  font-size: clamp(17px, 1.8vw, 23px);
  line-height: 1.45;
}

.executive-reporting-status {
  min-width: 190px;
  padding: 24px;
  border: 2px solid rgba(0, 0, 0, .16);
  border-radius: 22px;
}

.executive-reporting-status strong,
.executive-reporting-status span {
  display: block;
}

.executive-reporting-status strong {
  font-size: 38px;
}

.executive-summary-strip,
.executive-group-metrics,
.executive-store-metrics,
.executive-region-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.executive-summary-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 22px 0;
}

.executive-company-summary {
  margin-top: 22px;
  overflow: hidden;
  border: 1px solid #dedccf;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(36, 31, 0, .06);
}

.executive-company-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 22px 14px;
}

.executive-company-heading h2,
.executive-company-heading p {
  margin: 0;
}

.executive-company-heading h2 {
  font-size: clamp(24px, 3vw, 34px);
}

.executive-company-heading span {
  color: #62655e;
  font-weight: 800;
}

.executive-company-summary .executive-group-metrics {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding-top: 0;
}

.executive-metric,
.executive-region-summary article {
  min-width: 0;
  padding: 20px;
  border: 1px solid #dedccf;
  border-radius: 18px;
  background: #fff;
}

.executive-metric span,
.executive-region-summary span {
  display: block;
  margin-bottom: 10px;
  color: #62655e;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.executive-metric strong,
.executive-region-summary strong {
  display: block;
  overflow-wrap: anywhere;
  font-size: clamp(22px, 2.5vw, 34px);
  line-height: 1.05;
}

.executive-metric small,
.executive-region-summary small {
  display: block;
  margin-top: 10px;
  color: #575b55;
  font-size: 13px;
  line-height: 1.45;
}

.executive-metric-button {
  position: relative;
  width: 100%;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.executive-metric-button:hover,
.executive-metric-button:focus-visible {
  border-color: #e0ad00;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, .24);
  outline: none;
  transform: translateY(-1px);
}

.executive-metric-link {
  display: block;
  margin-top: 12px;
  color: #111;
  font-size: 12px;
  font-weight: 900;
}

.executive-reporting-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}

.executive-mode-tabs {
  display: inline-flex;
  gap: 5px;
  padding: 5px;
  border: 1px solid #dedccf;
  border-radius: 15px;
  background: #fff;
}

.executive-reporting-tools {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 10px;
}

.executive-reporting-tools label {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 50px;
  padding: 5px 7px 5px 14px;
  border: 1px solid #dedccf;
  border-radius: 13px;
  background: #fff;
}

.executive-reporting-tools label > span {
  color: #5b5c55;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
  white-space: nowrap;
}

.executive-reporting-tools select {
  min-height: 38px;
  padding: 0 34px 0 11px;
  border: 1px solid #d5d2c4;
  border-radius: 9px;
  background: #faf9f3;
  color: #111;
  font: inherit;
  font-size: 13px;
  font-weight: 750;
}

.executive-mode-tabs button,
.executive-primary-button,
.executive-add-employee button {
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: #111;
  cursor: pointer;
  font: inherit;
  font-weight: 900;
}

.executive-mode-tabs button {
  padding: 12px 20px;
}

.executive-mode-tabs button.is-active,
.executive-primary-button,
.executive-add-employee button {
  background: #ffd400;
}

.executive-mode-tabs button.is-flagged-tab {
  background: #fee2e2;
  color: #a51616;
}

.executive-mode-tabs button.is-flagged-tab.is-active {
  background: #d92d20;
  color: #fff;
  box-shadow: 0 6px 16px rgba(217, 45, 32, .24);
}

.executive-no-flags {
  margin: 0;
  padding: 30px;
  border: 1px solid #dedccf;
  border-radius: 18px;
  background: #fff;
  color: #575b55;
  font-size: 17px;
  font-weight: 750;
}

.executive-primary-button {
  padding: 15px 22px;
  white-space: nowrap;
}

.executive-primary-button:disabled {
  cursor: wait;
  opacity: .62;
}

.executive-group-list,
.executive-store-breakdown {
  display: grid;
  gap: 14px;
}

.executive-group-card,
.executive-store-row,
.executive-staffing-section,
.executive-add-employee {
  border: 1px solid #dedccf;
  border-radius: 22px;
  background: #fff;
  overflow: hidden;
}

.executive-group-heading {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 24px;
  border: 0;
  background: #fff;
  color: #111;
  cursor: pointer;
  text-align: left;
}

.executive-group-heading strong,
.executive-group-heading small {
  display: block;
}

.executive-group-heading strong {
  font-size: 27px;
}

.executive-group-heading small {
  margin-top: 5px;
  color: #676a64;
  font-size: 14px;
}

.executive-group-heading b {
  font-size: 28px;
}

.executive-group-metrics {
  padding: 0 18px 18px;
}

.executive-group-metrics .executive-metric {
  background: #f0f3ef;
}

.executive-store-breakdown {
  padding: 18px;
  border-top: 1px solid #e5e3d8;
  background: #f7f6ef;
}

.executive-store-breakdown--all {
  padding: 0;
  border: 0;
}

.executive-store-row {
  padding: 20px;
}

.executive-store-row.is-critical {
  border-color: #ef9a8e;
  box-shadow: inset 5px 0 #d94332;
}

.executive-store-row.is-warning {
  border-color: #e5bf51;
  box-shadow: inset 5px 0 #d59d00;
}

.executive-store-row > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 15px;
}

.executive-store-row header strong,
.executive-store-row header span {
  display: block;
}

.executive-store-row header strong {
  font-size: 21px;
}

.executive-store-row header span {
  margin-top: 4px;
  color: #656861;
  font-size: 13px;
}

.executive-store-row header a {
  color: #111;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.executive-store-metrics .executive-metric {
  padding: 15px;
  background: #f4f5f1;
}

.executive-store-metrics .executive-metric strong {
  font-size: 23px;
}

.executive-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px;
}

.executive-flags span {
  padding: 7px 10px;
  border-radius: 999px;
  background: #e9eee9;
  font-size: 12px;
  font-weight: 850;
}

.executive-flags .is-critical { background: #ffe0da; color: #8e1d12; }
.executive-flags .is-warning { background: #fff0bc; color: #664700; }
.executive-flags .is-info { background: #e7edf1; color: #30424f; }
.executive-flags .is-clear { background: #e3f3e9; color: #15532d; }

.executive-error {
  margin: 20px 0;
  padding: 16px 18px;
  border: 1px solid #f0aca2;
  border-radius: 14px;
  background: #fff0ed;
  color: #7d1d12;
  font-weight: 800;
}

.executive-add-employee {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  align-items: end;
  gap: 14px;
  margin: 22px 0;
  padding: 22px;
}

.executive-add-employee h2 {
  grid-column: 1 / -1;
  margin: 0;
}

.executive-add-employee label {
  display: grid;
  gap: 7px;
  font-size: 13px;
  font-weight: 850;
}

.executive-add-employee input,
.executive-add-employee select {
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid #ccd3cc;
  border-radius: 11px;
  background: #fff;
  color: #111;
  font: inherit;
}

.executive-add-employee button {
  padding: 14px 18px;
}

.executive-region-summary {
  margin: 22px 0;
}

.executive-staffing-section {
  margin-top: 22px;
  padding: 24px;
}

.executive-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.executive-section-heading h2 {
  margin: 3px 0 0;
  font-size: 28px;
}

.executive-section-heading > span {
  color: #666;
  font-size: 13px;
  font-weight: 750;
}

.executive-staffing-list {
  display: grid;
  gap: 7px;
}

.executive-staffing-list article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 14px;
  padding: 13px;
  border-radius: 13px;
  background: #f2f4f0;
}

.executive-staffing-list article > b {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 9px;
  background: #ffd400;
}

.executive-staffing-list span strong,
.executive-staffing-list span small {
  display: block;
}

.executive-staffing-list span small,
.executive-staffing-list article > small {
  color: #686b65;
}

.executive-staffing-list em {
  font-style: normal;
  font-weight: 900;
}

@media (max-width: 980px) {
  .executive-summary-strip,
  .executive-group-metrics,
  .executive-store-metrics,
  .executive-region-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .executive-add-employee { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .executive-add-employee button { min-height: 50px; }
  .executive-company-summary .executive-group-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .executive-reporting { padding: 18px 12px 55px; }
  .executive-reporting-hero { align-items: stretch; flex-direction: column; padding: 25px 20px; border-radius: 22px; }
  .executive-company-heading { align-items: flex-start; flex-direction: column; }
  .executive-company-summary .executive-group-metrics { grid-template-columns: 1fr; }
  .executive-reporting-status { min-width: 0; }
  .executive-summary-strip,
  .executive-group-metrics,
  .executive-store-metrics,
  .executive-region-summary,
  .executive-add-employee { grid-template-columns: 1fr; }
  .executive-reporting-toolbar,
  .executive-reporting-tools { flex-direction: column; align-items: stretch; }
  .executive-mode-tabs { display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; }
  .executive-reporting-tools label { justify-content: space-between; }
  .executive-reporting-tools select { flex: 1; min-width: 0; }
  .executive-mode-tabs button { padding-inline: 8px; }
  .executive-store-row > header { align-items: flex-start; flex-direction: column; }
  .executive-staffing-list article { grid-template-columns: 34px minmax(0, 1fr) auto; }
  .executive-staffing-list article > small { grid-column: 2 / -1; }
}


/* Application activity is a fifth store/group metric and a sixth company metric. */
.executive-group-metrics,
.executive-store-metrics {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.executive-company-summary .executive-group-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (max-width: 1120px) {
  .executive-group-metrics,
  .executive-store-metrics,
  .executive-company-summary .executive-group-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .executive-group-metrics,
  .executive-store-metrics,
  .executive-company-summary .executive-group-metrics {
    grid-template-columns: 1fr;
  }
}


.executive-monthly-applications {
  margin-top: 22px;
  padding: 20px 22px 22px;
  border: 1px solid #dedccf;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(36, 31, 0, .06);
}

.executive-monthly-applications > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}

.executive-monthly-applications h2,
.executive-monthly-applications h3,
.executive-monthly-applications p {
  margin: 0;
}

.executive-monthly-applications h2 {
  font-size: clamp(24px, 3vw, 32px);
}

.executive-monthly-applications > header small {
  max-width: 430px;
  color: #62655e;
  font-weight: 700;
  text-align: right;
}

.executive-monthly-application-list {
  display: grid;
  gap: 14px;
}

.executive-monthly-application-row {
  padding: 16px;
  border: 1px solid #e5e3d8;
  border-radius: 18px;
  background: #f7f6ef;
}

.executive-monthly-application-row h3 {
  margin-bottom: 12px;
  font-size: 20px;
}

.executive-monthly-application-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.executive-monthly-application-grid .executive-metric {
  padding: 15px;
  background: #fff;
}

.executive-monthly-application-grid .executive-metric strong {
  font-size: 24px;
}

@media (max-width: 1120px) {
  .executive-monthly-application-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .executive-monthly-applications > header {
    display: block;
  }

  .executive-monthly-applications > header small {
    display: block;
    margin-top: 8px;
    text-align: left;
  }

  .executive-monthly-application-grid {
    grid-template-columns: 1fr;
  }
}

.executive-application-chart-wrap {
  width: 100%;
  overflow-x: auto;
  margin: 8px 0 16px;
  background: #fff;
  border: 1px solid #e5e3d8;
  border-radius: 18px;
}

.executive-application-chart {
  display: block;
  width: 100%;
  min-width: 720px;
  height: auto;
  font-family: inherit;
}

.executive-application-chart .chart-frame {
  fill: #fff;
  stroke: #d9d7cb;
}

.executive-application-chart .grid {
  stroke: #deddd4;
  stroke-dasharray: 5 7;
}

.executive-application-chart .area {
  fill: rgb(255 212 0 / 18%);
}

.executive-application-chart .line {
  fill: none;
  stroke: #111;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.executive-application-chart .point {
  fill: #fff;
  stroke: #111;
  stroke-width: 2;
}

.executive-application-chart .point.is-current {
  fill: #ffd400;
  stroke-width: 3;
}

.executive-application-chart text {
  fill: #5d625d;
  font-size: 12px;
  font-weight: 700;
}

.executive-application-chart .axis-title {
  fill: #111;
  font-size: 13px;
  font-weight: 800;
}

.executive-application-chart-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.executive-monthly-breakdown {
  border-top: 1px solid #e5e3d8;
  padding-top: 14px;
}

.executive-monthly-breakdown > summary {
  width: fit-content;
  margin-bottom: 14px;
  color: #111;
  font-weight: 800;
  cursor: pointer;
}

@media (max-width: 760px) {
  .executive-application-chart-summary {
    grid-template-columns: 1fr;
  }
}

.executive-monthly-applications > header {
  align-items: flex-end;
  gap: 24px;
}

.executive-application-scope {
  display: grid;
  gap: 6px;
  min-width: 220px;
}

.executive-application-scope label {
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.executive-application-scope select {
  width: 100%;
  min-height: 42px;
  padding: 0 38px 0 12px;
  border: 1px solid #cfcdc1;
  border-radius: 10px;
  background: #fff;
  color: #111;
  font: inherit;
  font-weight: 750;
}

.executive-application-scope small {
  max-width: 320px;
}

@media (max-width: 760px) {
  .executive-monthly-applications > header {
    align-items: stretch;
    flex-direction: column;
  }

  .executive-application-scope {
    min-width: 0;
  }
}

.executive-application-year-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px 18px;
  margin: -4px 8px 10px;
  font-size: 0.78rem;
  font-weight: 850;
}

.executive-application-year-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.executive-application-year-legend i {
  display: inline-block;
  width: 22px;
  height: 3px;
  border-radius: 999px;
}

.executive-application-year-legend i.is-latest {
  height: 5px;
  background: #ffd400;
  box-shadow: 0 0 8px rgb(255 212 0 / 70%);
}

.executive-application-chart.is-layered .area {
  display: none;
}

.executive-application-chart.is-layered .line {
  fill: none;
  stroke-width: 2.5;
}

.executive-application-chart.is-layered .point {
  fill: #fff;
  stroke-width: 2;
}

.executive-application-chart.is-layered .point.is-current {
  fill: #ffd400;
  stroke: #171717 !important;
  stroke-width: 3;
}

.executive-application-chart-summary.is-five-up {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 1050px) {
  .executive-application-chart-summary.is-five-up {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .executive-application-year-legend {
    justify-content: flex-start;
  }

  .executive-application-chart-summary.is-five-up {
    grid-template-columns: 1fr;
  }
}

.executive-group-metrics.is-region-average {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (max-width: 1120px) {
  .executive-group-metrics.is-region-average {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .executive-group-metrics.is-region-average {
    grid-template-columns: 1fr;
  }
}


.executive-group-flags {
  margin: 0 18px 18px;
  padding: 12px 14px;
  border: 1px solid #e4e1d4;
  border-radius: 14px;
  background: #faf9f3;
}


/* corporate-history-charts-20260827-v1.css */
.executive-history {
  display: grid;
  gap: 18px;
  padding-bottom: 28px;
}

.executive-history-controls,
.executive-history-panel,
.executive-history-summary article {
  border: 1px solid #ddd9c8;
  background: #fff;
  box-shadow: 0 14px 34px rgba(40, 34, 7, .06);
}

.executive-history-controls {
  display: grid;
  grid-template-columns: repeat(5, minmax(140px, 1fr));
  gap: 12px;
  padding: 18px;
  border-radius: 20px;
}

.executive-history-controls label {
  display: grid;
  gap: 7px;
  color: #191919;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.executive-history-controls select {
  width: 100%;
  min-height: 46px;
  padding: 0 12px;
  border: 1px solid #d8d5c7;
  border-radius: 12px;
  color: #111;
  background: #f8f8f4;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.executive-history-panel {
  overflow: hidden;
  border-radius: 24px;
}

.executive-history-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px 8px;
}

.executive-history-heading h2 {
  margin: 3px 0 0;
  font-size: clamp(25px, 3vw, 38px);
  line-height: 1.05;
}

.executive-history-heading p,
.executive-history-heading span {
  margin: 8px 0 0;
  color: #68675f;
}

.executive-history-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px 16px;
  padding-top: 6px;
  font-size: 13px;
  font-weight: 750;
}

.executive-history-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
}

.executive-history-legend i {
  width: 24px;
  height: 4px;
  border-radius: 999px;
  background: #111;
}

.executive-history-legend .is-current i {
  background: #ffcc00;
  box-shadow: 0 0 10px rgba(255, 204, 0, .95);
}

.executive-history-chart-wrap {
  min-height: 350px;
  padding: 4px 16px 18px;
  overflow-x: auto;
}

.executive-history-chart {
  display: block;
  width: 100%;
  min-width: 680px;
  height: 350px;
  overflow: visible;
}

.executive-history-chart .grid {
  stroke: #e4e2d8;
  stroke-dasharray: 4 6;
}

.executive-history-chart .axis {
  stroke: #b8b5a8;
}

.executive-history-chart .zero {
  stroke: #ddad00;
  stroke-dasharray: 6 5;
}

.executive-history-chart .area {
  fill: url(#executiveHistoryArea);
}

.executive-history-chart .line {
  fill: none;
  stroke: #111;
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
}

.executive-history-chart .point {
  fill: #fff;
  stroke: #111;
  stroke-width: 2.2;
  vector-effect: non-scaling-stroke;
}

.executive-history-chart .point.is-current {
  fill: #ffcc00;
  stroke: #111;
  stroke-width: 3;
  filter: drop-shadow(0 0 5px rgba(255, 204, 0, .85));
}

.executive-history-chart text {
  fill: #67665f;
  font-family: inherit;
  font-size: 12px;
  font-weight: 650;
}

.executive-history-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 0 18px 18px;
}

.executive-history-summary article {
  min-width: 0;
  padding: 14px;
  border-radius: 14px;
  box-shadow: none;
}

.executive-history-summary span,
.executive-history-summary strong,
.executive-history-summary small {
  display: block;
}

.executive-history-summary span {
  color: #6a6961;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.executive-history-summary strong {
  margin-top: 6px;
  overflow: hidden;
  font-size: 21px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.executive-history-summary small {
  margin-top: 4px;
  color: #737269;
  line-height: 1.35;
}

.executive-history-empty,
.executive-history-error {
  margin: 0;
  padding: 42px 24px;
  border: 1px solid #ddd9c8;
  border-radius: 20px;
  background: #fff;
  font-weight: 750;
}

.executive-history-error {
  color: #a51f16;
  background: #fff1ee;
}

@media (max-width: 980px) {
  .executive-history-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .executive-history-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .executive-history-controls { grid-template-columns: 1fr; }
  .executive-history-heading { display: block; }
  .executive-history-legend { justify-content: flex-start; margin-top: 14px; }
  .executive-history-summary { grid-template-columns: 1fr; }
}


/* infinity-productivity-20260829-v2.css */
.infinity-productivity {
  display: grid;
  gap: 22px;
  width: min(1600px, calc(100% - 32px));
  margin: 24px auto 72px;
  color: #111;
}

.infinity-productivity-loading {
  min-height: 360px;
  place-items: center;
  font-size: 22px;
  font-weight: 800;
}

.infinity-productivity-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: clamp(28px, 5vw, 58px);
  border-radius: 30px;
  background: #ffcc00;
  box-shadow: 0 22px 50px rgba(109, 89, 0, .13);
}

.infinity-productivity-hero h1 {
  margin: 4px 0 10px;
  font-size: clamp(42px, 7vw, 76px);
  font-weight: 500;
  letter-spacing: -.055em;
  line-height: .95;
}

.infinity-productivity-hero p:not(.eyebrow) {
  max-width: 760px;
  margin: 0;
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.45;
}

.infinity-productivity-hero > div:last-child {
  min-width: 190px;
  padding: 24px;
  border: 1px solid rgba(17, 17, 17, .18);
  border-radius: 22px;
}

.infinity-productivity-hero > div:last-child strong,
.infinity-productivity-hero > div:last-child span {
  display: block;
}

.infinity-productivity-hero > div:last-child strong {
  font-size: 38px;
}

.infinity-productivity-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.infinity-productivity-summary article,
.infinity-productivity-controls,
.infinity-productivity-table {
  border: 1px solid #dedccf;
  background: #fff;
}

.infinity-productivity-summary article {
  min-width: 0;
  padding: 20px;
  border-radius: 18px;
}

.infinity-productivity-summary span,
.infinity-productivity-controls span,
.infinity-productivity-head span {
  display: block;
  color: #62655e;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.infinity-productivity-summary strong,
.infinity-productivity-summary small {
  display: block;
}

.infinity-productivity-summary strong {
  margin-top: 10px;
  overflow-wrap: anywhere;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1;
}

.infinity-productivity-summary small {
  margin-top: 9px;
  color: #575b55;
}

.infinity-productivity-controls {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 14px;
  padding: 18px;
  border-radius: 18px;
}

.infinity-productivity-controls label {
  display: grid;
  gap: 7px;
}

.infinity-productivity-controls input,
.infinity-productivity-controls select {
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid #cfcec4;
  border-radius: 12px;
  background: #fff;
  color: #111;
  font: inherit;
}

.infinity-productivity-controls input:focus,
.infinity-productivity-controls select:focus {
  border-color: #d5aa00;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, .22);
  outline: none;
}

.infinity-productivity-coverage {
  margin: -8px 0 0;
  padding: 14px 18px;
  border-left: 5px solid #ffcc00;
  border-radius: 10px;
  background: #fff8d7;
  font-weight: 750;
}

.infinity-productivity-table {
  overflow: hidden;
  border-radius: 22px;
}

.infinity-productivity-row {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) minmax(150px, 1fr) repeat(4, minmax(105px, .72fr)) minmax(115px, .8fr);
  align-items: center;
  gap: 14px;
  min-width: 1100px;
  padding: 18px 20px;
  border-bottom: 1px solid #e6e4da;
}

.infinity-productivity-row:last-child {
  border-bottom: 0;
}

.infinity-productivity-head {
  padding-top: 15px;
  padding-bottom: 15px;
  background: #f2f4f1;
}

.infinity-productivity-row > div > strong,
.infinity-productivity-row > div > small {
  display: block;
}

.infinity-productivity-row > div > strong,
.infinity-productivity-row > strong {
  font-size: 16px;
}

.infinity-productivity-row > div > small {
  margin-top: 5px;
  color: #656961;
  line-height: 1.35;
}

.infinity-productivity-score strong {
  font-size: 22px !important;
}

.infinity-productivity-row.is-review_now {
  box-shadow: inset 5px 0 0 #ef625b;
  background: #fff9f7;
}

.infinity-productivity-row.is-on_track {
  box-shadow: inset 5px 0 0 #1a8a62;
}

.infinity-productivity-row.is-missing,
.infinity-productivity-row.is-not_in_period {
  color: #686b65;
  background: #fafaf7;
}

.infinity-productivity-empty {
  padding: 44px 24px;
  text-align: center;
  font-size: 18px;
  font-weight: 750;
}

@media (max-width: 1100px) {
  .infinity-productivity-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .infinity-productivity-table {
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
}

@media (max-width: 760px) {
  .infinity-productivity {
    width: min(100% - 18px, 1600px);
    margin-top: 12px;
  }
  .infinity-productivity-hero {
    align-items: stretch;
    flex-direction: column;
    padding: 26px 22px;
    border-radius: 22px;
  }
  .infinity-productivity-hero > div:last-child {
    min-width: 0;
  }
  .infinity-productivity-summary,
  .infinity-productivity-controls {
    grid-template-columns: 1fr;
  }
}


/* Keep the column labels visible below the persistent site header. */
@media (min-width: 1101px) {
  .infinity-productivity-table {
    overflow: clip;
  }

  .infinity-productivity-head {
    position: sticky;
    top: 88px;
    z-index: 1100;
    box-shadow: 0 8px 14px rgb(17 17 17 / 8%);
  }
}


/* collection-portal-20260827-v1.css */
.collection-portal {
  width: min(1500px, calc(100% - 32px));
  margin: 24px auto 80px;
  color: #111;
}

.collection-hero,
.collection-pull-panel,
.collection-upload {
  border: 1px solid #ddd8c7;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(29, 35, 31, .07);
}

.collection-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  padding: 38px 42px;
  background: #ffd100;
}

.collection-hero h1 {
  margin: 4px 0 8px;
  font-size: clamp(2.5rem, 6vw, 5rem);
  line-height: .96;
}

.collection-hero p { max-width: 760px; margin: 0; font-size: 1.08rem; }
.collection-hero-stats { display: grid; grid-template-columns: repeat(2, minmax(165px, 1fr)); gap: 12px; }
.collection-hero-stats > div { min-width: 165px; padding: 20px; border: 1px solid rgba(0,0,0,.18); border-radius: 20px; }
.collection-hero-stats strong { display: block; font-size: 2.25rem; }
.collection-hero-stats span { display: block; margin-top: 4px; }
.collection-hero-shared { background: rgba(255,255,255,.22); }

.collection-pull-panel { margin-top: 20px; padding: 28px; }
.collection-pull-controls { display: grid; grid-template-columns: minmax(260px, 1fr) auto; gap: 18px; align-items: end; }
.collection-pull-controls label span,
.collection-fixed-store span,
.collection-date span { display: block; margin-bottom: 7px; font-size: .78rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.collection-pull-controls select,
.collection-date input { width: 100%; min-height: 54px; padding: 0 16px; border: 1px solid #cfd8d2; border-radius: 14px; background: #fff; color: #111; font: inherit; }
.collection-fixed-store { min-height: 54px; padding: 10px 16px; border: 1px solid #cfd8d2; border-radius: 14px; }
.collection-fixed-store span { margin: 0 0 2px; }
.collection-fixed-store strong { font-size: 1.08rem; }
.collection-pull-button,
.collection-send-button,
.collection-upload button { min-height: 54px; padding: 0 26px; border: 0; border-radius: 14px; background: #ffd100; color: #111; font: inherit; font-weight: 900; cursor: pointer; }
.collection-pull-button:disabled,
.collection-send-button:disabled,
.collection-upload button:disabled { cursor: wait; opacity: .55; }
.collection-queue-actions { display: flex; gap: 10px; align-items: center; }
.collection-send-button { border: 2px solid #111; background: #fff; }

.collection-ready,
.collection-empty { margin: 26px 0 0; padding: 28px; border-radius: 18px; background: #f2f5f2; text-align: center; }
.collection-ready strong,
.collection-ready span { display: block; }
.collection-ready strong { font-size: 1.25rem; }
.collection-ready span { margin-top: 5px; color: #65706a; }

.collection-call-card { margin-top: 24px; padding: 30px; border: 2px solid #ffd100; border-radius: 22px; background: #fffdf2; }
.collection-overflow-banner { margin: -10px 0 20px; padding: 12px 16px; border-radius: 12px; background: #111; color: #ffd100; font-weight: 900; }
.collection-call-heading { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; }
.collection-call-heading h2 { margin: 4px 0 0; font-size: clamp(2rem, 4vw, 3.6rem); }
.collection-status-warning { display: grid; gap: 5px; margin-top: 22px; padding: 18px 20px; border: 2px solid #b42318; border-radius: 16px; background: #fff0ed; color: #791b12; }
.collection-status-warning strong { font-size: .84rem; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.collection-status-warning span { overflow-wrap: anywhere; font-size: 1.3rem; font-weight: 900; }
.collection-status-warning small { line-height: 1.4; }
.collection-customer-number { min-width: 250px; padding: 16px 18px; border-radius: 16px; background: #111; color: #fff; }
.collection-customer-number { text-decoration: none; transition: transform .16s ease, box-shadow .16s ease; }
.collection-customer-number:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.2); }
.collection-customer-number span,
.collection-customer-number small { display: block; }
.collection-customer-number strong { display: block; margin: 4px 0 6px; color: #ffd100; font-size: 1.55rem; }
.collection-customer-number small { max-width: 300px; color: #d8ddd9; line-height: 1.35; }

.collection-call-highlights { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }
.collection-call-highlights > div { min-width: 0; padding: 18px; border: 1px solid #dce3df; border-radius: 16px; background: #f1f4f1; }
.collection-call-highlights > div.is-status-warning { border: 2px solid #b42318; background: #fff0ed; color: #791b12; }
.collection-call-highlights span,
.collection-account-grid h3 { display: block; margin: 0 0 7px; font-size: .76rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.collection-call-highlights strong { display: block; overflow-wrap: anywhere; font-size: 1.3rem; }
.collection-call-highlights small { display: block; margin-top: 7px; color: #65706a; font-size: .75rem; line-height: 1.35; }
.collection-call-highlights .is-status-warning small { color: #791b12; }
.collection-account-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.collection-account-grid section { padding: 20px; border: 1px solid #dce3df; border-radius: 16px; background: #fff; }
.collection-account-grid p { display: flex; justify-content: space-between; gap: 18px; margin: 10px 0 0; }
.collection-account-grid p span { color: #65706a; }
.collection-account-grid p strong { text-align: right; overflow-wrap: anywhere; }
.collection-call-actions { display: grid; grid-template-columns: auto auto 1fr; gap: 12px; align-items: center; margin-top: 18px; }
.collection-call-actions a,
.collection-call-actions button { min-height: 52px; padding: 0 22px; border-radius: 13px; font: inherit; font-weight: 900; }
.collection-call-actions a { display: inline-flex; align-items: center; justify-content: center; border: 2px solid #111; color: #111; text-decoration: none; }
.collection-call-actions button { border: 0; background: #ffd100; color: #111; cursor: pointer; }
.collection-call-actions button:disabled { cursor: wait; opacity: .6; }
.collection-call-actions small { color: #65706a; line-height: 1.35; }

.collection-source { margin: 12px 4px 0; color: #65706a; font-size: .9rem; }
.collection-error,
.collection-success { margin: 16px 0 0; padding: 15px 18px; border-radius: 14px; font-weight: 800; }
.collection-error { background: #ffebe7; color: #8f1f11; }
.collection-success { grid-column: 1 / -1; background: #e6f7ec; color: #174d2f; }

.collection-upload { display: grid; grid-template-columns: 1.15fr 1fr 210px auto; gap: 18px; align-items: end; margin-top: 24px; padding: 28px; }
.collection-upload h2 { margin: 4px 0 8px; font-size: 1.7rem; }
.collection-upload p { margin: 0; line-height: 1.45; }
.collection-dropzone { display: grid; place-items: center; min-height: 116px; padding: 18px; border: 2px dashed #b9b7aa; border-radius: 16px; background: #faf9f2; text-align: center; cursor: pointer; }
.collection-dropzone.is-dragging { border-color: #111; background: #fff4b8; }
.collection-dropzone input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.collection-dropzone strong,
.collection-dropzone span { display: block; overflow-wrap: anywhere; }
.collection-dropzone span { margin-top: 5px; color: #65706a; font-size: .82rem; }
.collection-date { align-self: center; }
.collection-loading { padding: 80px 24px; font-size: 1.25rem; font-weight: 800; }

@media (max-width: 980px) {
  .collection-upload { grid-template-columns: 1fr 1fr; }
  .collection-upload > div:first-child,
  .collection-dropzone { grid-column: 1 / -1; }
  .collection-call-highlights { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .collection-account-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .collection-portal { width: min(100% - 18px, 1500px); margin-top: 10px; }
  .collection-hero { display: block; padding: 26px 22px; }
  .collection-hero-stats { grid-template-columns: 1fr 1fr; margin-top: 20px; }
  .collection-hero-stats > div { min-width: 0; }
  .collection-pull-panel,
  .collection-upload { padding: 18px; }
  .collection-pull-controls,
  .collection-upload { grid-template-columns: 1fr; }
  .collection-queue-actions { display: grid; grid-template-columns: 1fr; }
  .collection-upload > * { grid-column: auto; }
  .collection-call-card { padding: 18px; }
  .collection-call-heading { display: block; }
  .collection-customer-number { min-width: 0; margin-top: 18px; }
  .collection-call-highlights { grid-template-columns: 1fr; }
  .collection-call-actions { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
  .collection-hero-stats { grid-template-columns: 1fr; }
}


/* training-tracker-20260825-v1.css */
.training-tracker-view {
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
  padding: 28px;
  background: #f5f4ee;
  color: #111;
}

.training-tracker-container {
  width: min(1460px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 22px;
}

.training-tracker-hero,
.training-entry-form,
.training-history {
  border: 1px solid #d9d5c8;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 16px 45px rgba(35, 32, 20, 0.07);
}

.training-tracker-hero {
  padding: 30px 34px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  background: linear-gradient(125deg, #ffd400, #ffe66d);
}

.training-tracker-hero h1,
.training-section-heading h2,
.training-history-controls h2 {
  margin: 5px 0 7px;
  letter-spacing: -0.04em;
}

.training-tracker-hero h1 { font-size: clamp(34px, 5vw, 58px); }
.training-tracker-hero p,
.training-section-heading span,
.training-history-controls span { margin: 0; font-size: 17px; line-height: 1.45; }

.training-tracker-hero > label {
  min-width: min(420px, 42vw);
  display: grid;
  gap: 8px;
  font-weight: 800;
}

.training-tracker-hero select,
.training-history-controls input,
.training-history-controls select,
.training-field input,
.training-field select,
.training-field textarea {
  min-height: 50px;
  border: 1px solid #cfcabb;
  border-radius: 12px;
  background: #fff;
  color: #111;
  padding: 11px 13px;
  font: inherit;
}

.training-entry-form,
.training-history { padding: 28px; }

.training-section-heading,
.training-history-controls {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.training-section-heading > button {
  min-height: 48px;
  border: 0;
  border-radius: 12px;
  padding: 0 22px;
  background: #ffd400;
  color: #111;
  font-weight: 900;
  cursor: pointer;
}

.training-section-heading > button:disabled { opacity: 0.55; cursor: wait; }

.training-entry-form fieldset {
  margin: 0 0 20px;
  padding: 20px;
  border: 1px solid #dedacf;
  border-radius: 16px;
}

.training-entry-form legend {
  padding: 0 8px;
  font-size: 17px;
  font-weight: 900;
}

.training-form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.training-field { display: grid; align-content: start; gap: 7px; }
.training-field--wide { grid-column: span 2; }
.training-field > span { font-weight: 800; }
.training-field > span b { color: #755c00; font-size: 12px; text-transform: uppercase; }
.training-field textarea { min-height: 110px; resize: vertical; }

.training-check {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 50px;
  padding: 11px 13px;
  border: 1px solid #cfcabb;
  border-radius: 12px;
  font-weight: 800;
}
.training-check input { width: 22px; height: 22px; accent-color: #ffd400; }

.training-history-controls > input { width: min(360px, 35vw); }
.training-history-controls > select { min-width: 190px; }

.training-record-list { display: grid; gap: 12px; }
.training-record {
  overflow: hidden;
  border: 1px solid #dcd8cd;
  border-radius: 15px;
  background: #fbfbf8;
}
.training-record summary {
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  cursor: pointer;
  list-style-position: inside;
}
.training-record summary > div { display: grid; gap: 4px; }
.training-record summary strong { font-size: 19px; }
.training-record summary span { color: #555; }
.training-record summary em {
  justify-self: end;
  border-radius: 999px;
  padding: 4px 9px;
  background: #e8f3ed;
  color: #174d38;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}
.training-record summary em.is-past { background: #eee; color: #555; }
.training-record-details { padding: 4px 20px 20px; border-top: 1px solid #e4e1d8; }
.training-record-details dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0;
}
.training-record-details dl > div { padding: 12px; border-radius: 10px; background: #fff; }
.training-record-details dt { color: #716e65; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.training-record-details dd { margin: 5px 0 0; font-weight: 750; }
.training-record-notes { padding: 15px; border-radius: 12px; background: #fff7c7; }
.training-record-notes p { margin: 7px 0 0; white-space: pre-wrap; }
.training-delete { margin-top: 15px; border: 1px solid #c63a31; border-radius: 10px; padding: 10px 14px; background: #fff; color: #a22b24; font-weight: 900; cursor: pointer; }

.training-message { margin: 0; padding: 18px; border-radius: 13px; background: #f1f2ef; font-weight: 750; }
.training-message--error { background: #fff0ed; color: #9e2c22; }

@media (max-width: 980px) {
  .training-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .training-record-details dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .training-history-controls { align-items: stretch; flex-wrap: wrap; }
  .training-history-controls > input { width: 100%; }
}

@media (max-width: 700px) {
  .training-tracker-view { padding: 14px; }
  .training-tracker-hero,
  .training-section-heading { align-items: stretch; flex-direction: column; }
  .training-tracker-hero > label { min-width: 0; width: 100%; }
  .training-entry-form,
  .training-history { padding: 18px; }
  .training-form-grid { grid-template-columns: 1fr; }
  .training-field--wide { grid-column: auto; }
  .training-record summary { align-items: flex-start; flex-direction: column; }
  .training-record summary em { justify-self: start; }
  .training-record-details dl { grid-template-columns: 1fr; }
}


/* company-report-upload-20260827-v1.css */
.company-report-upload {
  width: min(1440px, calc(100% - 40px));
  margin: 32px auto 72px;
  color: #090909;
}

.daily-latest-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.daily-history-table {
  min-width: 760px;
}

.daily-history-row {
  grid-template-columns: 140px repeat(3, minmax(120px, 1fr)) minmax(220px, 1.5fr);
}

.company-report-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: clamp(28px, 5vw, 58px);
  border-radius: 30px;
  background: #ffd000;
  box-shadow: 0 24px 50px rgba(74, 61, 0, 0.12);
}

.company-report-hero h1 {
  margin: 6px 0 12px;
  font-size: clamp(42px, 7vw, 78px);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.company-report-hero p:last-child {
  max-width: 850px;
  margin: 0;
  font-size: clamp(18px, 2vw, 25px);
  line-height: 1.4;
}

.company-report-hero > strong {
  flex: 0 0 auto;
  padding: 14px 20px;
  border: 2px solid rgba(0, 0, 0, 0.18);
  border-radius: 999px;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.company-report-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
  gap: 22px;
  margin-top: 24px;
}

.company-report-form,
.company-report-guide,
.company-report-result {
  border: 1px solid #d8d8cc;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(40, 42, 34, 0.08);
}

.company-report-form,
.company-report-guide {
  padding: clamp(24px, 4vw, 42px);
}

.company-report-form h2,
.company-report-guide h2,
.company-report-result h2 {
  margin: 4px 0 10px;
  font-size: clamp(28px, 3vw, 42px);
  letter-spacing: -0.035em;
}

.company-report-form > div > p:last-child,
.company-report-guide > p:last-child {
  font-size: 17px;
  line-height: 1.5;
}

.company-report-form label {
  display: grid;
  gap: 8px;
  margin-top: 22px;
  font-weight: 800;
}

.company-report-form input {
  min-height: 58px;
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #cfd7d1;
  border-radius: 14px;
  background: #fafbf9;
  color: #090909;
  font: inherit;
}

.company-report-file small {
  color: #59625c;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.company-report-dropzone {
  position: relative;
  place-items: center;
  min-height: 250px;
  padding: 28px;
  border: 3px dashed #98a69e;
  border-radius: 20px;
  background: #f6f8f6;
  text-align: center;
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.company-report-dropzone:hover,
.company-report-dropzone.is-dragging {
  border-color: #d5ac00;
  background: #fff9d9;
  box-shadow: 0 0 0 6px rgba(255, 208, 0, 0.22);
}

.company-report-dropzone.is-dragging {
  transform: scale(1.01);
}

.company-report-dropzone input {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.company-report-dropzone i {
  display: grid;
  width: 64px;
  height: 64px;
  place-items: center;
  border-radius: 18px;
  background: #ffd000;
  color: #090909;
  font-size: 40px;
  font-style: normal;
  line-height: 1;
}

.company-report-dropzone strong {
  margin-top: 8px;
  font-size: 24px;
}

.company-report-dropzone > span {
  font-size: 16px;
  font-weight: 650;
}

.company-report-form > button {
  min-height: 60px;
  width: 100%;
  margin-top: 24px;
  border: 0;
  border-radius: 15px;
  background: #ffd000;
  color: #090909;
  font: 900 18px/1.1 inherit;
  cursor: pointer;
}

.company-report-form > button:disabled {
  cursor: wait;
  opacity: 0.55;
}

.company-report-guide ul {
  display: grid;
  gap: 12px;
  margin: 22px 0;
  padding: 0;
  list-style: none;
}

.company-report-guide li {
  padding: 16px 18px;
  border-radius: 14px;
  background: #f0f4f1;
  font-size: 16px;
  font-weight: 800;
}

.company-report-message {
  margin: 18px 0 0;
  padding: 15px 17px;
  border-radius: 12px;
  font-weight: 800;
}

.company-report-message.is-success {
  border: 1px solid #9fd4b2;
  background: #e9f8ee;
}

.company-report-message.is-error {
  border: 1px solid #efb9ae;
  background: #fff0ec;
}

.company-report-result {
  margin-top: 24px;
  padding: clamp(24px, 4vw, 42px);
}

.company-report-result > div:last-child {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.company-report-result article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 20px;
  border-radius: 16px;
  background: #eff3f0;
}

.company-report-result article span {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.company-report-result article strong {
  overflow-wrap: anywhere;
  font-size: clamp(22px, 2.5vw, 34px);
}

@media (max-width: 900px) {
  .company-report-upload {
    width: min(100% - 24px, 760px);
    margin-top: 18px;
  }

  .company-report-hero,
  .company-report-layout {
    display: grid;
    grid-template-columns: 1fr;
  }

  .company-report-hero > strong {
    justify-self: start;
  }

  .company-report-result > div:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .daily-latest-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 540px) {
  .company-report-result > div:last-child {
    grid-template-columns: 1fr;
  }

  .daily-latest-grid {
    grid-template-columns: 1fr;
  }
}


/* daily-compliance-review-20260831-v2.css */
.daily-compliance-review,
.compliance-oversight {
  color: #111;
}

.daily-compliance-review {
  border: 1px solid #ded9c8;
  border-radius: 22px;
  background: #fff;
  padding: clamp(22px, 3vw, 34px);
}

.daily-compliance-heading,
.compliance-oversight-hero,
.compliance-oversight-controls,
.compliance-report-card summary,
.daily-compliance-form footer,
.daily-compliance-submitted > div,
.daily-compliance-policy > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.daily-compliance-heading h2,
.compliance-oversight-hero h1 {
  margin: 4px 0 7px;
}

.daily-compliance-heading > span,
.daily-compliance-policy span,
.compliance-oversight-controls > div span {
  border-radius: 999px;
  background: #f0f3ef;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.daily-compliance-heading > span.is-complete {
  background: #ddf3e8;
  color: #15553c;
}

.daily-compliance-policy,
.daily-compliance-submitted,
.daily-compliance-empty {
  margin-top: 22px;
  border: 1px solid #ded9c8;
  border-radius: 17px;
  padding: 20px;
  background: #fafbf9;
}

.daily-compliance-policy {
  border-left: 6px solid #ffd100;
}

.daily-compliance-policy h3 {
  margin: 18px 0 8px;
  font-size: clamp(22px, 2.2vw, 30px);
}

.daily-compliance-policy p,
.daily-compliance-submitted p,
.compliance-report-response p {
  margin: 0;
  white-space: pre-wrap;
  line-height: 1.65;
}

.daily-compliance-form {
  margin-top: 20px;
}

.daily-compliance-form label,
.compliance-oversight-controls label {
  display: grid;
  gap: 9px;
  font-weight: 800;
}

.daily-compliance-form textarea {
  width: 100%;
  min-height: 180px;
  resize: vertical;
  border: 2px solid #d9ded9;
  border-radius: 14px;
  padding: 16px;
  font: inherit;
  line-height: 1.55;
  box-sizing: border-box;
}

.daily-compliance-form textarea:focus,
.compliance-oversight-controls input:focus {
  border-color: #d7ae00;
  outline: 3px solid rgba(255, 209, 0, .22);
}

.daily-compliance-form footer {
  margin-top: 14px;
}

.daily-compliance-form footer span {
  color: #a33a30;
  font-weight: 900;
}

.daily-compliance-form footer span.is-ready {
  color: #15553c;
}

.daily-compliance-form button {
  border: 0;
  border-radius: 11px;
  background: #ffd100;
  color: #111;
  padding: 14px 20px;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

.daily-compliance-form button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.daily-compliance-message {
  margin: 18px 0 0;
  border-radius: 12px;
  background: #f0f3ef;
  padding: 14px 16px;
  font-weight: 750;
}

.daily-compliance-message--error {
  background: #fff0ed;
  color: #8e2f26;
}

.compliance-oversight {
  min-height: calc(100vh - 120px);
  overflow: visible;
  background: #f7f6f0;
  padding: clamp(18px, 3vw, 38px);
}

.compliance-oversight-container {
  max-width: 1440px;
  margin: 0 auto;
}

.compliance-oversight-hero {
  border-radius: 25px;
  background: #ffd100;
  padding: clamp(26px, 4vw, 48px);
}

.compliance-oversight-hero > div:last-child {
  min-width: 150px;
  border: 1px solid rgba(0, 0, 0, .18);
  border-radius: 18px;
  padding: 18px;
  text-align: center;
}

.compliance-oversight-hero > div:last-child strong,
.compliance-oversight-hero > div:last-child span {
  display: block;
}

.compliance-oversight-hero > div:last-child strong {
  font-size: 30px;
}

.compliance-oversight-controls {
  margin: 20px 0;
  border: 1px solid #ded9c8;
  border-radius: 17px;
  background: #fff;
  padding: 18px;
}

.compliance-oversight-controls input {
  border: 1px solid #cfd6d0;
  border-radius: 10px;
  padding: 10px 12px;
  font: inherit;
}

.compliance-oversight-controls > div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.compliance-report-list {
  display: grid;
  gap: 12px;
}

.compliance-report-card {
  border: 1px solid #d9ded9;
  border-left: 6px solid #cf4239;
  border-radius: 15px;
  background: #fff;
  overflow: hidden;
}

.compliance-report-card.is-complete {
  border-left-color: #2e9368;
}

.compliance-report-card summary {
  cursor: pointer;
  list-style: none;
  padding: 18px;
}

.compliance-report-card summary::-webkit-details-marker {
  display: none;
}

.compliance-report-card summary span:first-child,
.compliance-report-card summary strong,
.compliance-report-card summary small {
  display: block;
}

.compliance-report-card summary span:last-child {
  border-radius: 999px;
  background: #ffe5e1;
  padding: 7px 11px;
  color: #8e2f26;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.compliance-report-card.is-complete summary span:last-child {
  background: #ddf3e8;
  color: #15553c;
}

.compliance-report-response,
.compliance-pending-copy {
  border-top: 1px solid #e5e7e3;
  padding: 18px;
}

.compliance-report-response small {
  display: block;
  margin-top: 12px;
  color: #68716b;
}

@media (max-width: 720px) {
  .daily-compliance-heading,
  .compliance-oversight-hero,
  .compliance-oversight-controls,
  .daily-compliance-form footer {
    align-items: stretch;
    flex-direction: column;
  }

  .compliance-oversight-hero > div:last-child {
    min-width: 0;
  }

  .daily-compliance-form button {
    width: 100%;
  }
}


/* Store-code homepage: place the required review above the daily checklist. */
.store-checklist-compliance {
  width: min(1440px, calc(100% - 32px));
  margin: 24px auto 0;
}

.store-checklist-compliance .daily-compliance-review {
  margin: 0;
}

@media (max-width: 720px) {
  .store-checklist-compliance {
    width: min(100% - 20px, 1440px);
    margin-top: 14px;
  }
}


/* page-scroll-safety-20260826-v1.css */
/* Keep the map workspace fixed while every content page remains vertically scrollable. */
.dashboard-shell > :not(.topbar):not(.workspace) {
  height: 100%;
  min-height: 0;
  max-height: 100%;
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior-y: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  scrollbar-gutter: stable;
}

/* Infinity Productivity uses normal document scrolling so neither the table nor
   its controls can trap the viewport inside the dashboard shell. */
html.infinity-productivity-open,
body.infinity-productivity-open {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.infinity-productivity-open .dashboard-shell {
  height: auto !important;
  min-height: 100vh !important;
  max-height: none !important;
  overflow: visible !important;
}

body.infinity-productivity-open .dashboard-shell > .topbar {
  position: sticky;
  top: 0;
  z-index: 1200;
}

body.infinity-productivity-open .dashboard-shell > .infinity-productivity {
  box-sizing: border-box;
  width: 100%;
  height: auto !important;
  min-height: calc(100vh - 84px);
  max-height: none !important;
  margin: 0;
  padding: 24px max(16px, calc((100% - 1600px) / 2)) 72px;
  overflow: visible !important;
  overscroll-behavior-y: auto;
  touch-action: pan-y;
}

.store-profile-shell,
.task-manager-view,
.duty-checklist-view,
.personnel-admin-view,
.training-tracker-view,
.treana-notes-view,
.executive-reporting {
  min-height: 0;
  overflow-y: auto !important;
  overscroll-behavior-y: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}

@media (max-width: 700px) {
  .dashboard-shell > :not(.topbar):not(.workspace) {
    scrollbar-gutter: auto;
  }

  body.infinity-productivity-open .dashboard-shell > .infinity-productivity {
    padding: 12px 9px 56px;
  }
}


/* numbers-goals-20260828-v2.css */
.automated-goal-status {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.automated-goal-status article {
  padding: 16px;
  border: 1px solid #d8ddd9;
  border-radius: 14px;
  background: #fff;
}

.automated-goal-status span,
.automated-goal-status strong,
.automated-goal-status small {
  display: block;
}

.automated-goal-status span {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.automated-goal-status strong { margin-top: 7px; font-size: 24px; }
.automated-goal-status small { margin-top: 5px; color: #65706b; }
.automated-goal-status .is-over-goal { border-color: #e5a29c; background: #fff2f0; }

.stats-trajectory {
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid #dce5df;
  border-radius: 14px;
  background: #fff;
}

.stats-trajectory-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px 4px;
}

.stats-trajectory-heading span { color: #68756f; font-size: 13px; }
.stats-trajectory-chart-wrap { overflow-x: auto; padding: 4px 10px 10px; }
.stats-trajectory svg { display: block; width: 100%; min-width: 560px; height: 250px; }
.stats-trajectory .grid { stroke: #e0e7e3; stroke-dasharray: 4 5; }
.stats-trajectory .line { fill: none; stroke: #164737; stroke-width: 3; }
.stats-trajectory .point { fill: #ffcc00; stroke: #164737; stroke-width: 2.5; }
.stats-trajectory text { fill: #65716c; font: 12px inherit; }

.executive-comparison-table {
  margin: 4px 18px 20px;
  overflow: hidden;
  border: 1px solid #d9d6c9;
  border-radius: 16px;
  background: #101010;
  color: #fff;
}

.executive-comparison-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  padding: 17px 18px;
  border-bottom: 1px solid #444;
}

.executive-comparison-title h3 { margin: 3px 0 0; font-size: 20px; }
.executive-comparison-title p { margin: 0; color: #ffcf18; }
.executive-comparison-title > span { color: #aaa; }
.executive-comparison-scroll { overflow-x: auto; }
.executive-comparison-grid { min-width: 920px; }
.executive-comparison-row {
  display: grid;
  grid-template-columns: minmax(170px, 1.3fr) repeat(5, minmax(120px, 1fr));
  border-bottom: 1px solid #414141;
}
.executive-comparison-row:last-child { border-bottom: 0; }
.executive-comparison-row > * { padding: 12px 14px; }
.executive-comparison-row.is-header { color: #999; font-size: 11px; letter-spacing: .05em; text-transform: uppercase; }
.executive-comparison-row .is-positive { color: #22ef6f; font-weight: 800; }
.executive-comparison-row .is-negative { color: #ff435b; font-weight: 800; }

@media (max-width: 700px) {
  .automated-goal-status { grid-template-columns: 1fr; }
  .executive-comparison-title { display: block; }
  .executive-comparison-title > span { display: block; margin-top: 8px; }
}

.executive-current-breakdown {
  margin: 4px 18px 20px;
  padding: 18px;
  border: 1px solid #d9d6c9;
  border-radius: 16px;
  background: #fff;
  color: #111;
}

.executive-current-breakdown-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.executive-current-breakdown-title p,
.executive-current-breakdown-title h3 { margin: 0; }
.executive-current-breakdown-title h3 { margin-top: 4px; font-size: 21px; }
.executive-current-breakdown-title > span { color: #656961; font-weight: 800; }

.executive-current-breakdown-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
}

.executive-current-breakdown-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d8ddd7;
  border-radius: 14px;
  background: #f5f7f4;
}

.executive-current-breakdown-card.is-attention { border-color: #e6b3ad; background: #fff8f6; }
.executive-current-breakdown-card > header { padding: 13px 14px 11px; border-bottom: 1px solid #d8ddd7; }
.executive-current-breakdown-card > header strong,
.executive-current-breakdown-card > header small { display: block; }
.executive-current-breakdown-card > header strong { font-size: 16px; }
.executive-current-breakdown-card > header small { margin-top: 4px; color: #656961; }

.executive-current-breakdown-values {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.executive-current-breakdown-values > div { min-width: 0; padding: 13px 14px; }
.executive-current-breakdown-values > div + div { border-left: 1px solid #d8ddd7; }
.executive-current-breakdown-values span,
.executive-current-breakdown-values strong,
.executive-current-breakdown-values small { display: block; overflow-wrap: anywhere; }
.executive-current-breakdown-values span { font-size: 10px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.executive-current-breakdown-values strong { margin-top: 6px; font-size: 22px; line-height: 1.05; }
.executive-current-breakdown-values strong.is-attention { color: #b52b25; }
.executive-current-breakdown-values small { margin-top: 6px; color: #656961; line-height: 1.35; }

@media (max-width: 700px) {
  .executive-current-breakdown { margin-inline: 10px; padding: 14px; }
  .executive-current-breakdown-title { display: block; }
  .executive-current-breakdown-title > span { display: block; margin-top: 7px; }
  .executive-current-breakdown-grid { grid-template-columns: 1fr; }
}


/* navigation-overflow-20260829-v3.css */
@media (min-width: 1181px) {
  .dashboard-shell > .topbar .view-tabs,
  .profile-topbar .view-tabs {
    position: relative;
    overflow-x: hidden !important;
    scrollbar-width: none;
  }

  .dashboard-shell > .topbar .view-tabs::-webkit-scrollbar,
  .profile-topbar .view-tabs::-webkit-scrollbar {
    display: none;
  }
}

.dlc-nav-overflow-toggle {
  position: fixed;
  z-index: 1600;
  display: none;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 12px;
  color: #111;
  font: inherit;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 2px;
  background: #fff;
  border: 0;
  border-radius: 11px;
  cursor: pointer;
}

.dlc-nav-overflow-toggle.is-visible {
  display: inline-flex;
}

.dlc-nav-overflow-toggle:hover,
.dlc-nav-overflow-toggle[aria-expanded="true"],
.dlc-nav-overflow-toggle.has-active-item {
  background: #fff0b8;
}

.dlc-nav-overflow-toggle:focus-visible {
  outline: 2px solid #111;
  outline-offset: 2px;
}

.dlc-nav-overflow-menu {
  position: fixed;
  z-index: 1700;
  display: none;
  grid-template-columns: 1fr;
  gap: 5px;
  width: min(330px, calc(100vw - 24px));
  max-height: min(70vh, 560px);
  padding: 8px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #d2d9d5;
  border-radius: 15px;
  box-shadow: 0 20px 48px rgb(26 35 30 / 22%);
}

.dlc-nav-overflow-menu.is-open {
  display: grid;
}

.dlc-nav-overflow-menu button {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: 10px 14px;
  color: #111;
  font: inherit;
  font-weight: 750;
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
}

.dlc-nav-overflow-menu button:hover,
.dlc-nav-overflow-menu button:focus-visible,
.dlc-nav-overflow-menu button.is-active {
  background: #fff0b8;
  outline: none;
}

@media (max-width: 1180px) {
  .dlc-nav-overflow-toggle,
  .dlc-nav-overflow-menu {
    display: none !important;
  }

  .responsive-nav-icon {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    width: auto;
  }

  .responsive-nav-icon i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
  }
}


@media (min-width: 1181px) {
  .dashboard-shell > .topbar {
    justify-content: flex-start;
    gap: 16px;
  }

  .dashboard-shell > .topbar > .brand-lockup,
  .profile-topbar > .brand-lockup,
  .dashboard-shell > .topbar > .topbar-access,
  .profile-topbar > .access-controls {
    flex: 0 0 auto;
  }

  .dashboard-shell > .topbar > .responsive-nav,
  .profile-topbar > .responsive-nav {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
  }

  .dashboard-shell > .topbar .view-tabs,
  .profile-topbar .view-tabs {
    position: relative;
    left: auto;
    width: 100%;
    max-width: none;
    min-width: 0;
    transform: none;
  }

  .dashboard-shell > .topbar > .topbar-access,
  .profile-topbar > .access-controls {
    margin-left: 0;
  }

  .profile-topbar {
    display: flex;
    justify-content: flex-start;
    gap: 16px;
  }
}

@media (max-width: 1180px) {
  .dashboard-shell > .topbar .responsive-nav {
    justify-content: flex-end;
  }

  .profile-topbar .responsive-nav {
    justify-self: end;
  }
}



/* Three-month Infinity employee profiles */
.infinity-productivity-person { border-bottom: 1px solid #e6e4da; }
.infinity-productivity-person:last-child { border-bottom: 0; }
.infinity-productivity-person > summary { position: relative; border-bottom: 0; cursor: pointer; list-style: none; }
.infinity-productivity-person > summary::-webkit-details-marker { display: none; }
.infinity-productivity-person > summary::after { content: "+"; position: absolute; right: 7px; top: 50%; transform: translateY(-50%); font-size: 22px; font-weight: 900; }
.infinity-productivity-person[open] > summary::after { content: "−"; }
.infinity-productivity-person[open] > summary { background: #fff9d9; box-shadow: inset 5px 0 0 #ffcc00; }
.infinity-productivity-person.is-review_now:not([open]) > summary { box-shadow: inset 5px 0 0 #ef625b; background: #fff9f7; }
.infinity-productivity-person.is-on_track:not([open]) > summary { box-shadow: inset 5px 0 0 #1a8a62; }
.infinity-productivity-person.is-missing:not([open]) > summary,
.infinity-productivity-person.is-not_in_period:not([open]) > summary { color: #686b65; background: #fafaf7; }
.infinity-productivity-profile { padding: 24px; background: #f7f8f4; border-top: 1px solid #e2dfd0; }
.infinity-productivity-profile > header { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.infinity-productivity-profile h3 { margin: 3px 0 0; font-size: 24px; letter-spacing: -.025em; }
.infinity-productivity-profile > header > span { color: #62655e; font-size: 13px; font-weight: 750; }
.infinity-productivity-profile-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.infinity-productivity-profile-grid article { min-width: 0; padding: 17px; background: #fff; border: 1px solid #dedccf; border-radius: 15px; }
.infinity-productivity-profile-grid article > span { color: #62655e; font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.infinity-productivity-profile-grid article > strong { display: block; margin: 9px 0 13px; font-size: 26px; }
.infinity-productivity-profile-grid dl { display: grid; gap: 7px; margin: 0; }
.infinity-productivity-profile-grid dl > div { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; }
.infinity-productivity-profile-grid dt { color: #6a6d67; }
.infinity-productivity-profile-grid dd { margin: 0; font-weight: 800; text-align: right; }
@media (max-width: 1200px) { .infinity-productivity-profile-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .infinity-productivity-profile { min-width: 1100px; } .infinity-productivity-profile-grid { grid-template-columns: repeat(5, minmax(180px, 1fr)); } }