#mySection .personal-live { margin-bottom: 20px; padding: 20px 0; border-block: 1px solid #cddfd8; }
#mySection > .card:first-child { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#mySection > .card:first-child > .card-body { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; padding: 8px 0; align-items: center !important; }
#myKpiTitle { font-size: 18px; }
#myKpiSubtitle { display: none; }
#myKpiPeriodControls { grid-column: 1 / -1; }
#myKpiRefreshButton { display: inline-grid; place-items: center; width: 44px; height: 44px; min-width: 44px; padding: 0; }
#myKpiRefreshButton > span { grid-area: 1 / 1; display: inline-flex; align-items: center; justify-content: center; }
#myKpiRefreshButton .personal-refresh-busy { visibility: hidden; }
#myKpiRefreshButton.is-loading .personal-refresh-busy { visibility: visible; }
#myKpiRefreshButton.is-loading .personal-refresh-idle { visibility: hidden; }
#myKpiRefreshButton.is-loading { opacity: 1; color: #236443; background: #f2f7f4; border-color: #bfd6ca; }
#mySection .personal-live header { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 18px; }
#mySection .personal-live h2 { margin: 0; font-size: 22px; }
.personal-live-status { color: #236443; font-size: 14px; }
.personal-live-status.is-warning { color: #905118; }
.personal-live-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; }
.personal-live-metrics > div { min-width: 0; border-left: 3px solid #168052; padding-left: 14px; }
.personal-live-metrics > div:nth-child(2) { border-color: #366cb0; }
.personal-live-metrics > div:nth-child(3) { border-color: #a27a17; }
.personal-live-metrics dt { font-size: 15px; color: #46554e; font-weight: 600; }
.personal-live-metrics dd { font-size: 26px; font-weight: 750; line-height: 1.35; margin: 8px 0; font-variant-numeric: tabular-nums; }
.personal-live-metrics [data-live-value] { white-space: nowrap; }
.personal-live-metrics dd small { font-size: 16px; font-weight: 500; }
.personal-live-metrics p { font-size: 14px; line-height: 1.45; color: #59665f; margin: 0; }
.personal-live-warning { margin: 16px 0 0; border-left: 3px solid #ac671b; padding: 8px 12px; background: #fff8ec; font-size: 14px; }
#mySection .seller-kpi-hero-card strong { font-size: 22px; line-height: 1.25; }
#mySection .seller-kpi-hero-card { border-radius: 8px; box-shadow: none; background: #fff; }
#mySection .seller-kpi-hero { align-items: start; }
#mySection .seller-kpi-hero-card { align-content: start; }
#mySection .seller-kpi-detail-card { border-radius: 8px; box-shadow: none; }
#mySection .seller-kpi-progress span { transition: width 550ms ease; }
#mySection .personal-earnings { background: #edf7f1; border-left: 4px solid #21814f; padding: 14px 16px; margin-bottom: 18px; }
#mySection .personal-earnings h3 { font-size: 18px; font-weight: 650; color: #174a33; }
#mySection .personal-earnings .seller-week-amount,
#mySection.is-manager .personal-earnings > strong { color: #174a33; }
#mySection .personal-earnings .seller-week-caption,
#mySection .personal-earnings-note { margin: 6px 0 0; font-size: 14px; line-height: 1.45; color: #465c50; }
#mySection .personal-sales-heading { font-size: 16px; font-weight: 650; margin: 20px 0 8px; color: #314c66; }
#mySection .personal-live { border-color: #cbd9e6; }
#mySection .personal-live-metrics > div { border-color: #5a7c9e; }
#mySection .personal-live-metrics dd { color: #314c66; }
@media (max-width: 1050px) { .personal-live-metrics dd { font-size: 22px; } }
@media (max-width: 700px) {
  .personal-live-metrics { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .personal-live-metrics dd { font-size: 26px; margin: 4px 0; }
  #mySection .seller-kpi-hero { grid-template-columns: minmax(0, 1fr); }
  #mySection:has(.manager-month-panel) .seller-kpi-hero { grid-template-columns: minmax(0, 1fr); }
  #mySection .personal-live { padding: 16px 0; }
}
@media (prefers-reduced-motion: reduce) {
  #mySection .seller-kpi-progress span { transition: none; }
  #myKpiRefreshButton .spinner-border { animation: none; }
}

#mySection.is-seller { max-width: 1120px; margin-inline: auto; }
#mySection.is-manager { max-width: 1200px; margin-inline: auto; }
#mySection.is-manager #myKpiHero:empty { display: none; }
#mySection.is-manager .seller-period-actions .btn { min-height: 44px; }
#mySection.is-manager .manager-live-day { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; padding-block: 12px; }
#mySection.is-manager .manager-live-day header { display: block; margin: 0; }
#mySection.is-manager .manager-live-day h2 { font-size: 16px; margin-bottom: 4px; }
#mySection.is-manager .manager-live-day .personal-live-metrics { display: block; }
#mySection.is-manager .manager-live-day .personal-live-metrics > div { border: 0; padding: 0; }
#mySection.is-manager .manager-live-day .personal-live-metrics dt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#mySection.is-manager .manager-live-day .personal-live-metrics dd { font-size: 22px; margin: 0; }
#mySection.is-manager .manager-live-day .personal-live-warning { flex-basis: 100%; margin: 0; }
#mySection.is-manager .manager-month-panel { padding: 0; border: 0; background: transparent; }
#mySection.is-manager .manager-month-panel .seller-kpi-detail-head { display: block; }
#mySection.is-manager .manager-month-panel .seller-kpi-detail-head h3 { font-size: 16px; margin: 6px 0; }
#mySection.is-manager .manager-month-panel .seller-kpi-detail-head > strong { display: block; font-size: 32px; margin-top: 8px; overflow-wrap: anywhere; }
#mySection.is-manager .manager-month-panel .seller-kpi-detail-head > strong [data-live-value] { font: inherit; color: inherit; text-transform: none; }
.manager-personal-goal { border-left: 3px solid #447bab; padding: 12px 16px; background: #eef4fa; overflow-wrap: anywhere; }
.manager-personal-goal.is-met { border-color: #248250; background: #edf7f1; }
.manager-personal-goal h3 { font-size: 17px; margin: 0 0 6px; }
.manager-personal-goal p { margin: 0; font-size: 15px; }
.manager-personal-goal ul { list-style: none; margin: 12px 0; padding: 0; display: grid; gap: 10px; }
.manager-personal-goal li strong, .manager-personal-goal li span { display: block; }
.manager-personal-goal .manager-personal-goal-note { font-size: 13px; color: #52606d; }
.manager-personal-goal h4 { font-size: 15px; margin: 16px 0 8px; }
.manager-goal-stores li { min-width: 0; padding-block: 10px; border-top: 1px solid #cfdce5; }
.manager-goal-stores li, .manager-goal-total, .manager-week-store-row { container-type: inline-size; }
.manager-goal-stores li > strong { font-size: 16px; }
.manager-personal-goal .manager-goal-threshold { margin-top: 4px; font-size: 13px; color: #52606d; }
.manager-goal-metrics, .manager-week-store-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 12px 0 0; }
.manager-goal-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 1.3fr); }
.manager-goal-metrics > div, .manager-week-store-metrics > div { min-width: 0; }
.manager-goal-metrics dt, .manager-week-store-metrics dt, .manager-goal-rates dt { font-size: 13px; font-weight: 400; color: #52606d; }
.manager-goal-metrics dd, .manager-week-store-metrics dd { margin: 4px 0 0; font-size: 17px; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.manager-goal-metrics .manager-goal-shortfall dd { font-size: 22px; color: #874700; }
.manager-goal-total { border-top: 1px solid #cfdce5; padding-bottom: 12px; }
.manager-goal-rates { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; }
.manager-goal-rates dd { font-size: 18px; font-weight: 650; margin: 2px 0 0; }
.manager-week-store-completion { flex-shrink: 0; font-size: 13px; color: #52606d; }
.manager-week-store-completion strong { font-size: 16px; color: #1d2c39; }
.manager-week-store-metrics { margin: 0; }
.manager-week-store-metrics .manager-day-remaining dd { font-size: 20px; }
.manager-personal-details { border-top: 1px solid #dce3e6; }
.manager-personal-details > summary { font-size: 16px; font-weight: 600; cursor: pointer; padding-block: 14px; min-height: 48px; }
#mySection.is-manager .manager-month-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 20px; }
#mySection.is-manager .manager-month-summary dd { font-size: 18px; white-space: normal; overflow-wrap: anywhere; }
#mySection.is-manager .manager-week-switcher { flex-basis: 280px; grid-template-columns: 44px minmax(0, 1fr) 44px; }
#mySection.is-manager .manager-week-switcher .btn, #mySection.is-manager .manager-week-switcher select { min-height: 44px; }
#mySection.is-manager .manager-week-switcher select { font-size: 14px; padding-left: 8px; padding-right: 28px; }
#mySection.is-manager .manager-week-day-metrics dd, #mySection.is-manager .manager-week-summary dd { white-space: normal; overflow-wrap: anywhere; }
#mySection.is-manager .manager-week-day-metrics { gap: 12px; }
@media (min-width: 800px) { .manager-personal-goal ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; } }
@container (max-width: 520px) {
  .manager-goal-metrics, .manager-week-store-metrics { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .manager-goal-metrics > div, .manager-week-store-metrics > div { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 12px; }
  .manager-goal-metrics dt, .manager-week-store-metrics dt { flex: 1 1 100px; }
  .manager-goal-metrics dd, .manager-week-store-metrics dd { margin: 0 0 0 auto; }
}
@media (max-width: 599px) { .manager-week-store-head { flex-wrap: wrap; grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 900px) { #mySection.is-manager .manager-month-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 400px) {
  #mySection.is-manager .manager-month-summary { grid-template-columns: minmax(0, 1fr); }
  #mySection.is-manager .manager-week-day-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #mySection.is-manager .manager-week-day-metrics dd { font-size: 15px; }
  #mySection.is-manager .manager-month-panel .seller-kpi-detail-head > strong { font-size: 28px; }
}
#mySection.is-seller #myKpiHero:empty { display: none; }
#mySection.is-seller #myKpiTitle { font-size: 24px; }
#mySection.is-seller .seller-period-summary strong { font-size: 18px; }
#mySection.is-seller .seller-period-controls { border-radius: 8px; }
#mySection.is-seller .seller-period-actions { display: flex; gap: 8px; }
#mySection.is-seller .seller-period-actions .btn { min-height: 44px; border-radius: 6px; }
#mySection.is-seller .seller-period-actions [data-my-kpi-period="prev"],
#mySection.is-seller .seller-period-actions [data-my-kpi-period="next"] { flex: 0 0 44px; padding-inline: 0; }
#mySection.is-seller .seller-period-actions [data-my-kpi-period="today"] { flex: 1 1 auto; }
#mySection.is-seller .seller-live-day { display: flex; gap: 16px 28px; flex-wrap: wrap; align-items: center; padding: 14px 0; margin-bottom: 24px; }
#mySection.is-seller .seller-live-day header { flex: 1 1 240px; margin: 0; align-items: center; }
#mySection.is-seller .seller-live-day h2 { font-size: 16px; }
#mySection.is-seller .seller-live-day header p { margin: 4px 0 0; font-size: 15px; }
#mySection.is-seller .seller-live-day .personal-live-metrics { display: block; }
#mySection.is-seller .seller-live-day .personal-live-metrics dd { font-size: 22px; margin-block: 2px; }
#mySection.is-seller .seller-live-day .personal-live-warning { flex-basis: 100%; margin: 0; }
#mySection.is-seller .seller-live-day .seller-live-note { flex-basis: 100%; margin: 0; font-size: 14px; color: #465563; }
#mySection.is-seller .seller-live-share { flex-basis: 100%; margin: 0; font-size: 14px; line-height: 1.5; color: #465563; }
#mySection.is-seller .seller-live-share strong { font-weight: 600; white-space: nowrap; }
.seller-week-result { min-width: 0; padding: 4px 0 16px; }
.seller-week-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; }
.seller-week-result h3 { font-size: 18px; margin: 0; line-height: 1.4; }
.seller-week-heading > span { font-size: 13px; color: #586571; }
.seller-week-amount { font-size: 32px; font-weight: 750; line-height: 1.3; margin: 12px 0 6px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.seller-week-caption { color: #586571; font-size: 14px; margin-bottom: 16px; }
.seller-week-parts { display: grid; gap: 8px; margin: 16px 0 20px; font-size: 15px; }
.seller-week-parts > div { display: flex; justify-content: space-between; align-items: baseline; gap: 8px 16px; flex-wrap: wrap; }
.seller-week-parts dt { font-weight: 500; }
.seller-week-parts dd { font-weight: 650; margin: 0; font-variant-numeric: tabular-nums; }
.seller-week-goal { border-left: 3px solid #467cad; padding: 12px 14px; background: #edf4fa; margin-bottom: 20px; overflow-wrap: anywhere; }
.seller-week-goal.is-met { border-color: #198250; background: #edf7f1; }
.seller-week-goal strong { font-size: 17px; line-height: 1.45; }
.seller-week-goal p { font-size: 14px; color: #465563; margin: 6px 0 0; }
.seller-week-progress-head { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; font-size: 14px; }
.seller-week-progress-head strong { display: block; font-size: 16px; margin-top: 2px; }
.seller-week-progress-head > span { min-width: 0; flex: 1 1 150px; color: #314c66; }
.seller-week-progress { height: 8px; border-radius: 4px; background: #dfe6eb; margin-top: 12px; overflow: hidden; }
.seller-week-progress span { display: block; height: 100%; background: #238650; }
.seller-week-completion { margin: 6px 0 12px; color: #436051; font-size: 14px; }
.seller-week-details { border-top: 1px solid #dce3e8; margin-top: 12px; font-size: 14px; }
.seller-week-details summary { min-height: 44px; padding-block: 12px; cursor: pointer; font-weight: 600; }
.seller-week-details p { color: #465563; margin-bottom: 12px; }
#mySection.is-seller .seller-kpi-breakdown { border-inline: 0; border-radius: 0; margin-top: 0; background: transparent; }
#mySection.is-seller .seller-kpi-breakdown summary { padding-inline: 0; min-height: 44px; font-size: 14px; }
#mySection.is-seller .seller-kpi-breakdown-body { padding-inline: 0; }
#mySection.is-seller .seller-kpi-list-card { border: 0; border-radius: 0; overflow: visible; background: transparent; box-shadow: none; }
#mySection.is-seller .seller-kpi-list-card .card-header { background: transparent !important; padding: 4px 0 12px; }
#mySection.is-seller #myKpiActualTitle { font-size: 18px; }
#mySection.is-seller .plan-list { padding: 0; gap: 0; }
#mySection.is-seller .seller-shift-card { display: grid; grid-template-columns: 98px minmax(0, 1fr); gap: 6px 12px; padding: 12px 0; border: 0; border-bottom: 1px solid #dce3e8; border-radius: 0; background: transparent; box-shadow: none; }
#mySection.is-seller .seller-shift-card > div:first-child { grid-row: span 2; }
#mySection.is-seller .seller-shift-card strong { font-size: 14px; }
#mySection.is-seller .seller-shift-card span { font-size: 15px; }
#mySection.is-seller .seller-shift-status { grid-column: 2; justify-self: start; padding: 0; font-size: 13px; background: transparent; color: #52645a; font-weight: 500; white-space: normal; overflow-wrap: anywhere; max-width: 100%; }
.seller-open-schedule { min-height: 44px; margin-top: 16px; width: fit-content; max-width: 100%; }
#mySection.is-seller .seller-schedule-calendar-card { border-radius: 0; border: 0; border-top: 1px solid #cbd6df; background: transparent; box-shadow: none; overflow: visible; }
#mySection.is-seller .seller-schedule-calendar-head { display: list-item; padding: 16px 0; cursor: pointer; font-weight: 650; min-height: 48px; list-style-position: inside; }
#mySection.is-seller .schedule-day-detail { scroll-margin-block: 120px 32px; }
#mySection.is-seller .schedule-day-detail:focus { outline: 2px solid #198250; outline-offset: 3px; }
@media (min-width: 1200px) {
  #mySection.is-seller [data-my-kpi-panel="actual"] { padding-left: 32px; }
}
@media (max-width: 1199px) and (min-width: 800px) {
  #mySection.is-seller [data-my-kpi-panel="period"], #mySection.is-seller [data-my-kpi-panel="actual"] { width: 50%; }
}
@media (max-width: 600px) {
  #mySection.is-seller .seller-period-controls { align-items: stretch; }
  #mySection.is-seller .seller-period-actions { width: 100%; }
  .seller-week-amount { font-size: 28px; }
  #mySection.is-seller .seller-live-day { gap: 12px; }
  #mySection.is-seller .seller-live-day header { flex-basis: 100%; }
  #mySection.is-seller .seller-live-day .personal-live-metrics { width: 100%; }
  #mySection.is-seller .seller-live-day .personal-live-metrics > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; align-items: baseline; border: 0; padding: 0; }
  #mySection.is-seller .seller-live-day .personal-live-metrics p { grid-column: 1 / -1; font-size: 13px; }
}

#mySection.is-seller .seller-live-day { display: block; padding: 0 0 20px; border-top: 0; }
#mySection.is-seller .seller-live-day header { margin-bottom: 12px; }
#mySection.is-seller .seller-live-day h2 { font-size: 20px; }
.seller-day-goal { --goal-color: #176b50; --goal-track: #d4e5df; padding: 20px 24px; background: #eaf5ef; border-top: 4px solid var(--goal-color); display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 16px 32px; }
.seller-day-goal.is-close { --goal-color: #9a4b08; --goal-track: #eedfbd; background: #fff6df; }
.seller-day-goal.is-met { --goal-color: #117544; background: #e3f5e8; }
.seller-day-goal > * { min-width: 0; }
.seller-day-label { font-size: 18px; font-weight: 650; margin: 0 0 6px; color: #203d31; }
.seller-day-remaining { display: block; font-size: 38px; line-height: 1.2; font-weight: 750; color: var(--goal-color); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.seller-day-remaining small { font-size: 22px; }
.seller-day-message { margin: 8px 0 0; font-size: 14px; line-height: 1.5; color: #4b5c52; }
.seller-day-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-content: center; margin: 0; }
.seller-day-facts > div { min-width: 0; }
.seller-day-facts dt { font-size: 14px; font-weight: 500; color: #4b5c52; }
.seller-day-facts dd { margin: 4px 0 0; font-size: 22px; line-height: 1.4; font-weight: 650; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.seller-day-facts dd small { font-size: 14px; }
.seller-day-progress { grid-column: 1 / -1; height: 12px; border-radius: 4px; overflow: hidden; background: var(--goal-track); }
.seller-day-progress > span { display: block; height: 100%; background: var(--goal-color); transition: width .55s ease; }
.seller-day-completion { grid-column: 1 / -1; font-size: 14px; font-weight: 600; margin: -8px 0 0; color: var(--goal-color); }
.seller-day-footnote { grid-column: 1 / -1; font-size: 13px; color: #4b5c52; margin: 0; }
#mySection.is-seller .seller-live-share { margin-top: 8px; }
.seller-live-share summary { padding: 12px 0; min-height: 44px; cursor: pointer; }
.seller-live-share p { margin: 0 0 12px; }
#mySection.is-seller .personal-earnings { border: 0; border-bottom: 1px solid #dce3e8; padding: 12px 0; background: transparent; }
#mySection.is-seller .seller-week-amount { font-size: 26px; color: #1d2c39; }
#mySection.is-seller .seller-week-caption { margin-bottom: 0; }
.seller-week-goal h3 { font-size: 16px; margin-bottom: 10px; }
.seller-week-goal .seller-bonus-status { margin-bottom: 10px; font-size: 20px; line-height: 1.35; font-weight: 650; }
.seller-bonus-heading { display: flex; align-items: baseline; gap: 8px 24px; flex-wrap: wrap; margin: 0; color: #314c66; }
.seller-bonus-heading dt { font-size: 13px; font-weight: 400; }
.seller-bonus-heading dd { margin: 2px 0 0; font-size: 18px; font-weight: 650; }
.seller-week-goal .seller-bonus-label { margin-top: 12px; }
.seller-week-goal .seller-bonus-remaining { display: block; margin-top: 4px; font-size: 26px; line-height: 1.3; color: #1d2c39; font-variant-numeric: tabular-nums; }
.seller-week-goal.is-met .seller-bonus-remaining, .seller-week-goal.is-met .seller-bonus-status { color: #146443; }
.seller-week-goal .seller-bonus-scope { font-size: 13px; }
.seller-bonus-calculation { margin: 16px 0 12px; border-top: 1px solid #dce3e8; }
.seller-bonus-calculation > div { display: flex; justify-content: space-between; align-items: baseline; gap: 4px 16px; flex-wrap: wrap; padding-block: 8px; border-bottom: 1px solid #dce3e8; }
.seller-bonus-calculation dt { flex: 1 1 120px; min-width: 0; font-weight: 400; color: #465563; }
.seller-bonus-calculation dt small { display: block; margin-top: 2px; font-size: 13px; }
.seller-bonus-calculation dd { margin: 0 0 0 auto; font-size: 16px; font-weight: 650; font-variant-numeric: tabular-nums; }
.seller-week-explanation { margin: 12px 0 0; font-size: 13px; line-height: 1.5; }
@media (max-width: 900px) {
  .seller-day-goal { grid-template-columns: minmax(0, 1fr); padding: 18px; gap: 14px; }
  .seller-day-remaining { font-size: 34px; }
  .seller-day-facts dd { font-size: 20px; }
}
@media (max-width: 360px) {
  .seller-day-goal { padding: 14px; }
  .seller-day-remaining { font-size: 30px; }
  .seller-day-facts dd { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) { .seller-day-progress > span { transition: none; } }

.seller-week-overview { padding: 0 0 20px; margin-bottom: 12px; border-bottom: 1px solid #ccd9e3; }
.seller-week-overview > header { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: baseline; justify-content: space-between; }
.seller-week-rate { font-size: 28px; color: #314c66; font-variant-numeric: tabular-nums; }
.seller-week-rate.is-met, .seller-shift-completion .is-met { color: #147444; }
.seller-week-overview .seller-week-progress > span { background: #507da5; }
.seller-week-overview:has(.seller-week-rate.is-met) .seller-week-progress > span { background: #238650; }
.seller-week-totals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 16px 0; }
.seller-week-totals > div { min-width: 0; }
.seller-week-totals dt { font-size: 14px; font-weight: 400; color: #52606d; }
.seller-week-totals dd { margin: 4px 0 0; font-size: 19px; font-weight: 650; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.seller-week-totals .seller-week-gap { grid-column: 1 / -1; }
.seller-week-gap dd { font-size: 26px; color: #314c66; }
.seller-week-scope, .seller-progress-warning { margin: 10px 0 0; font-size: 13px; color: #52606d; }
.seller-progress-warning { color: #8a5114; }
#mySection.is-seller .seller-shift-progress { grid-column: 1 / -1; min-width: 0; }
.seller-shift-progress dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; margin: 8px 0 0; }
.seller-shift-progress dl > div { min-width: 0; }
.seller-shift-progress dt { font-size: 13px; font-weight: 400; color: #52606d; }
.seller-shift-progress dd { font-size: 16px; font-weight: 650; margin: 2px 0 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.seller-shift-completion { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; align-items: baseline; }
#mySection.is-seller .seller-shift-completion > strong { font-size: 20px; font-variant-numeric: tabular-nums; }
.seller-shift-progress p { font-size: 13px; color: #52606d; margin: 8px 0 0; }
.seller-week-empty-day { display: grid; grid-template-columns: 98px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-top: 1px solid #d6e0e8; color: #52606d; }
.seller-week-empty-day > div:first-child > strong { font-size: 14px; white-space: nowrap; }
.seller-week-empty-day small { display: block; font-size: 13px; margin-top: 4px; }
.seller-week-empty-day p { font-size: 14px; margin: 8px 0; }
.seller-week-empty-day dl { margin: 0; }
.seller-week-empty-day dt { font-size: 13px; font-weight: 400; }
.seller-week-empty-day dd { margin: 4px 0; font-size: 18px; font-weight: 650; overflow-wrap: anywhere; }
.seller-day-outlook { margin-top: 6px; }
.seller-day-outlook summary { cursor: pointer; font-size: 14px; min-height: 44px; padding-block: 10px; }
.seller-shift-progress .seller-week-progress { height: 6px; margin-block: 8px 0; }
.seller-shift-progress .seller-week-progress > span { background: #507da5; }
.seller-shift-progress:has(.is-met) .seller-week-progress > span { background: #238650; }
@media (max-width: 360px) {
  .seller-week-totals dd { font-size: 17px; }
  .seller-week-gap dd { font-size: 26px; }
}