/* FieldCore Reports v2.8
   Built on the exact current Forms/Home shell.
   No legacy standalone shell selectors are included.
*/

.reports-content {
  width: min(calc(100% - 56px), var(--home-content-max, 1240px));
  margin: 0 auto;
  padding: 0 0 56px;
}

.reports-loading {
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #61748a;
  font-weight: 700;
}

.reports-loading.hidden {
  display: none;
}

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

.reports-eyebrow {
  margin-bottom: 6px;
  color: #087f78;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.reports-section-head h2 {
  margin: 0;
  color: #0d2a45;
  font-size: 26px;
  line-height: 1.1;
}

.reports-section-head p {
  margin: 7px 0 0;
  color: #61748a;
  font-size: 14px;
}

.reports-role {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid #cfe0ea;
  border-radius: 999px;
  background: #f7fbfd;
  color: #245071;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

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

.report-card {
  min-width: 0;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid #dbe4eb;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(15, 35, 55, .05);
}

.report-card .icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  border-radius: 14px;
  background: #f1f7f8;
  color: #07847c;
  font-weight: 900;
}

.report-title {
  color: #12324f;
  font-size: 18px;
  font-weight: 900;
}

.report-desc {
  margin-top: 7px;
  color: #64758a;
  font-size: 14px;
  line-height: 1.45;
}

.report-card .tag {
  align-self: flex-start;
  margin-top: 16px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #eaf7f4;
  color: #08796f;
  font-size: 11px;
  font-weight: 900;
}

.open-btn {
  width: 100%;
  min-height: 46px;
  margin-top: auto;
  border: 0;
  border-radius: 14px;
  background: #0d887f;
  color: #fff;
  font-weight: 900;
  cursor: pointer;
}

.open-btn.secondary-btn {
  border: 1px solid #d7e1e9;
  background: #f3f6f9;
  color: #61748a;
}

/* List, pagination, and detail views */
.my-reports-panel {
  grid-column: 1 / -1;
  width: 100%;
}

.my-reports-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.my-reports-toolbar > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.my-reports-toolbar strong {
  color: #0f2f4f;
  font-size: 18px;
}

.my-reports-toolbar span {
  color: #66758a;
  font-size: 13px;
}

.my-reports-back {
  min-height: 42px;
  border: 1px solid #d7e0e8;
  border-radius: 12px;
  background: #fff;
  color: #12324f;
  font-weight: 800;
  padding: 0 16px;
  cursor: pointer;
}

.my-reports-list {
  overflow: hidden;
  border: 1px solid #dbe4eb;
  border-radius: 16px;
  background: #fff;
}

.my-report-row {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 18px;
  min-height: 76px;
  padding: 14px 18px;
  border: 0;
  border-bottom: 1px solid #e7edf2;
  background: #fff;
  text-align: left;
  cursor: pointer;
}

.my-report-row:last-child {
  border-bottom: 0;
}

.my-report-row:hover {
  background: #f7fbfb;
}

.my-report-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.my-report-main strong {
  color: #12324f;
  font-size: 15px;
}

.my-report-main small {
  color: #66758a;
  font-size: 13px;
}

.my-report-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: #e9f7f4;
  color: #08796f;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.my-report-open {
  color: #087f78;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}

.my-reports-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 14px;
}

.my-reports-pagination button {
  min-height: 40px;
  border: 1px solid #d6e0e8;
  border-radius: 10px;
  background: #fff;
  color: #12324f;
  font-weight: 800;
  padding: 0 14px;
  cursor: pointer;
}

.my-reports-pagination button:disabled {
  opacity: .45;
  cursor: default;
}

.my-reports-pagination span {
  color: #5f7084;
  font-size: 13px;
  font-weight: 700;
}

.my-report-empty {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 28px 20px;
  color: #607286;
}

.my-report-detail {
  border: 1px solid #dbe4eb;
  border-radius: 18px;
  background: #fff;
  padding: 22px;
}

.my-report-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e7edf2;
}

.my-report-detail-head h2 {
  margin: 6px 0 4px;
  color: #0f2f4f;
  font-size: 24px;
}

.my-report-detail-head p {
  margin: 0;
  color: #66758a;
}

.my-report-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.my-report-detail-row {
  min-width: 0;
  border: 1px solid #e0e7ed;
  border-radius: 12px;
  background: #f9fbfc;
  padding: 12px 14px;
}

.my-report-detail-row span {
  display: block;
  margin-bottom: 5px;
  color: #6a7a8d;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.my-report-detail-row strong {
  display: block;
  color: #12324f;
  font-size: 14px;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.my-report-detail-id {
  margin-top: 16px;
  color: #6a7a8d;
  font-size: 12px;
}

.state-card {
  width: min(520px, calc(100% - 32px));
  margin: 80px auto;
  padding: 24px;
  border: 1px solid #dbe4eb;
  border-radius: 18px;
  background: #fff;
}

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

@media (max-width: 899px) {
  .reports-content {
    width: min(calc(100% - 28px), var(--home-content-max, 1240px));
    padding-bottom: 92px;
  }

  .reports-section-head {
    align-items: flex-start;
  }
}

@media (max-width: 620px) {
  .reports-section-head {
    flex-direction: column;
    gap: 12px;
  }

  .reports-grid {
    grid-template-columns: 1fr;
  }

  .report-card {
    min-height: 220px;
  }

  .my-reports-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .my-reports-back {
    width: 100%;
  }

  .my-report-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    padding: 14px;
  }

  .my-report-open {
    grid-column: 1 / -1;
    justify-self: end;
  }

  .my-reports-pagination {
    justify-content: space-between;
  }

  .my-report-detail {
    padding: 16px;
  }

  .my-report-detail-head {
    flex-direction: column;
  }

  .my-report-detail-grid {
    grid-template-columns: 1fr;
  }
}

/* v2.9 — Compact, spreadsheet-style report detail view */

.compact-report-detail {
  padding: 18px;
}

.compact-report-detail .my-report-detail-head {
  margin-bottom: 14px;
  padding-bottom: 14px;
}

.compact-report-detail .my-report-detail-head h2 {
  font-size: 20px;
}

.report-data-section {
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid #dbe4eb;
  border-radius: 12px;
  background: #fff;
}

.report-data-section:first-of-type {
  margin-top: 0;
}

.report-data-section-head {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 12px;
  border-bottom: 1px solid #dbe4eb;
  background: #f6f9fb;
}

.report-data-section-head h3 {
  margin: 0;
  color: #12324f;
  font-size: 14px;
}

.report-data-section-head span {
  color: #6a7a8d;
  font-size: 11px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.report-summary-table {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.report-summary-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(110px, .8fr) minmax(0, 1.2fr);
  gap: 10px;
  padding: 9px 12px;
  border-right: 1px solid #e4ebf0;
  border-bottom: 1px solid #e4ebf0;
}

.report-summary-row:nth-child(2n) {
  border-right: 0;
}

.report-summary-row span {
  color: #6a7a8d;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.report-summary-row strong {
  color: #12324f;
  font-size: 12px;
  font-weight: 750;
  overflow-wrap: anywhere;
}

.report-table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.report-excel-table {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  background: #fff;
  font-size: 11px;
}

.report-excel-table th,
.report-excel-table td {
  min-width: 90px;
  max-width: 220px;
  padding: 8px 9px;
  border-right: 1px solid #dfe7ed;
  border-bottom: 1px solid #dfe7ed;
  color: #183650;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}

.report-excel-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #edf4f6;
  color: #456079;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.report-excel-table th:first-child,
.report-excel-table td:first-child {
  min-width: 42px;
  width: 42px;
  text-align: center;
}

.report-excel-table tbody tr:nth-child(even) {
  background: #fafcfd;
}

.report-data-empty {
  padding: 16px;
  color: #6a7a8d;
  font-size: 12px;
}

.report-simple-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 12px;
}

.report-simple-list span {
  padding: 6px 9px;
  border-radius: 8px;
  background: #f2f6f8;
  color: #36536e;
  font-size: 11px;
}

@media (max-width: 620px) {
  .compact-report-detail {
    padding: 12px;
  }

  .compact-report-detail .my-report-detail-head h2 {
    font-size: 18px;
  }

  .report-summary-table {
    grid-template-columns: 1fr;
  }

  .report-summary-row,
  .report-summary-row:nth-child(2n) {
    grid-template-columns: 120px minmax(0, 1fr);
    padding: 8px 10px;
    border-right: 0;
  }

  .report-excel-table {
    font-size: 10px;
  }

  .report-excel-table th,
  .report-excel-table td {
    min-width: 82px;
    padding: 7px 8px;
  }
}

/* v2.9.1 — Mobile horizontal table scrolling and focused inventory columns */

.report-data-section {
  max-width: 100%;
}

.report-table-scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;
  scrollbar-width: thin;
}

.report-excel-table {
  min-width: 980px;
  table-layout: auto;
}

.report-excel-table th:nth-child(2),
.report-excel-table td:nth-child(2) {
  min-width: 260px;
  max-width: 320px;
  white-space: normal;
}

.report-excel-table th:last-child,
.report-excel-table td:last-child {
  min-width: 180px;
  max-width: 260px;
  white-space: normal;
}

@media (max-width: 620px) {
  .my-reports-panel,
  .my-report-detail,
  .compact-report-detail,
  .report-data-section {
    min-width: 0;
    max-width: 100%;
  }

  .report-table-scroll {
    margin-right: -2px;
    padding-bottom: 6px;
  }

  .report-excel-table {
    min-width: 940px;
  }

  .report-excel-table th,
  .report-excel-table td {
    min-width: 72px;
    padding: 7px 8px;
  }

  .report-excel-table th:nth-child(2),
  .report-excel-table td:nth-child(2) {
    min-width: 230px;
    max-width: 280px;
  }

  .report-excel-table th:last-child,
  .report-excel-table td:last-child {
    min-width: 160px;
  }
}

/* v3.0 — Supervisor-only inventory analytics.
   Merchandiser cards, list, detail, and queries remain unchanged. */

.supervisor-inventory-dashboard {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
}

.supervisor-filter-card {
  display: grid;
  grid-template-columns: 150px 150px minmax(240px, 1fr) 180px auto;
  gap: 12px;
  align-items: end;
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid #dbe4eb;
  border-radius: 16px;
  background: #fff;
}

.supervisor-filter-field {
  min-width: 0;
}

.supervisor-filter-field label {
  display: block;
  margin-bottom: 6px;
  color: #5f7185;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.supervisor-filter-field input,
.supervisor-filter-field select {
  width: 100%;
  min-height: 43px;
  border: 1px solid #d5e0e8;
  border-radius: 10px;
  background: #fff;
  color: #12324f;
  padding: 0 11px;
  font: inherit;
}

.supervisor-apply-btn {
  min-height: 43px;
  margin: 0;
  padding: 0 18px;
}

.supervisor-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.supervisor-kpi-grid article {
  min-height: 106px;
  padding: 16px;
  border: 1px solid #dbe4eb;
  border-radius: 15px;
  background: #fff;
}

.supervisor-kpi-grid span {
  display: block;
  color: #65778b;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.supervisor-kpi-grid strong {
  display: block;
  margin-top: 10px;
  color: #0d2a45;
  font-size: 28px;
  line-height: 1;
}

.supervisor-report-section {
  margin-top: 16px;
  overflow: hidden;
  border: 1px solid #dbe4eb;
  border-radius: 16px;
  background: #fff;
}

.supervisor-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 17px;
  border-bottom: 1px solid #e4ebf0;
  background: #f8fafb;
}

.supervisor-section-head span {
  color: #07847c;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.supervisor-section-head h3 {
  margin: 4px 0 0;
  color: #12324f;
  font-size: 17px;
}

.supervisor-section-head small {
  color: #65778b;
  font-weight: 700;
}

.supervisor-table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.supervisor-report-table {
  width: 100%;
  min-width: 860px;
  border-collapse: collapse;
  font-size: 12px;
}

.supervisor-report-table th,
.supervisor-report-table td {
  padding: 11px 12px;
  border-right: 1px solid #e4ebf0;
  border-bottom: 1px solid #e4ebf0;
  color: #183650;
  text-align: left;
  vertical-align: middle;
}

.supervisor-report-table th {
  background: #edf4f6;
  color: #50677e;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

.supervisor-report-table td strong,
.supervisor-report-table td small {
  display: block;
}

.supervisor-report-table td small {
  margin-top: 3px;
  color: #718196;
}

.supervisor-view-btn {
  min-height: 34px;
  border: 1px solid #bcdcd8;
  border-radius: 9px;
  background: #eef8f6;
  color: #08796f;
  padding: 0 12px;
  font-weight: 900;
  cursor: pointer;
}

.supervisor-missing-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #fff2ef;
  color: #b34734;
  font-size: 11px;
  font-weight: 900;
}

.supervisor-empty-cell {
  padding: 24px !important;
  color: #6a7a8d !important;
  text-align: center !important;
}

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

  .supervisor-filter-search {
    grid-column: 1 / -1;
  }

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

@media (max-width: 620px) {
  .supervisor-filter-card {
    grid-template-columns: 1fr;
    padding: 13px;
  }

  .supervisor-filter-search {
    grid-column: auto;
  }

  .supervisor-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .supervisor-kpi-grid article {
    min-height: 92px;
    padding: 13px;
  }

  .supervisor-kpi-grid strong {
    font-size: 24px;
  }

  .supervisor-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .supervisor-report-table {
    min-width: 780px;
  }
}

/* v3.1 — Compact supervisor filters, 5-row missing pagination,
   follow-up message, and principal-locked exports. */

.supervisor-filter-card-compact {
  grid-template-columns: minmax(250px, 1.15fr) repeat(4, minmax(130px, .8fr)) auto;
  gap: 9px;
  padding: 12px;
}

.supervisor-date-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.supervisor-filter-card-compact .supervisor-filter-field label {
  margin-bottom: 4px;
  font-size: 9px;
}

.supervisor-filter-card-compact .supervisor-filter-field input,
.supervisor-filter-card-compact .supervisor-filter-field select {
  min-height: 37px;
  border-radius: 8px;
  padding: 0 8px;
  font-size: 12px;
}

.supervisor-filter-card-compact .supervisor-apply-btn {
  min-height: 37px;
  padding: 0 14px;
  border-radius: 9px;
}

.supervisor-export-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding: 12px 14px;
  border: 1px solid #dbe4eb;
  border-radius: 14px;
  background: #fff;
}

.supervisor-export-bar strong,
.supervisor-export-bar span {
  display: block;
}

.supervisor-export-bar strong {
  color: #12324f;
  font-size: 13px;
}

.supervisor-export-bar span {
  margin-top: 3px;
  color: #687a8e;
  font-size: 11px;
}

.supervisor-export-actions {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.supervisor-export-actions button,
.supervisor-follow-up-card .supervisor-section-head button {
  min-height: 34px;
  border: 1px solid #bcdcd8;
  border-radius: 9px;
  background: #eef8f6;
  color: #08796f;
  padding: 0 12px;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}

.supervisor-export-actions button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.supervisor-follow-up-card {
  margin-top: 16px;
  overflow: hidden;
  border: 1px solid #dbe4eb;
  border-radius: 16px;
  background: #fff;
}

.supervisor-follow-up-card textarea {
  width: 100%;
  min-height: 94px;
  resize: vertical;
  border: 0;
  outline: none;
  padding: 14px 16px;
  color: #183650;
  background: #fff;
  font: inherit;
  font-size: 12px;
  line-height: 1.5;
}

.supervisor-missing-table {
  min-width: 680px;
}

@media (max-width: 1200px) {
  .supervisor-filter-card-compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .supervisor-date-pair {
    grid-column: span 2;
  }
}

@media (max-width: 760px) {
  .supervisor-filter-card-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .supervisor-date-pair {
    grid-column: 1 / -1;
  }

  .supervisor-export-bar {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 520px) {
  .supervisor-filter-card-compact {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .supervisor-date-pair {
    grid-column: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .supervisor-filter-card-compact .supervisor-apply-btn {
    width: 100%;
  }

  .supervisor-export-actions {
    width: 100%;
  }

  .supervisor-export-actions button {
    flex: 1;
  }
}

/* v3.2 — Premium compact KPIs, database exports, and AI analytics */

.supervisor-kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin-bottom: 14px;
}

.supervisor-kpi-grid article {
  min-height: 76px;
  padding: 12px 13px;
  border-radius: 13px;
  box-shadow: 0 5px 16px rgba(15, 35, 55, .035);
}

.supervisor-kpi-grid span {
  font-size: 8.5px;
  letter-spacing: .045em;
}

.supervisor-kpi-grid strong {
  margin-top: 7px;
  font-size: 23px;
}

.supervisor-analytics-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
  gap: 12px;
  margin-bottom: 16px;
}

.supervisor-trend-card,
.supervisor-insights-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dbe4eb;
  border-radius: 16px;
  background: #fff;
}

.supervisor-analytics-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #e4ebf0;
  background: #f8fafb;
}

.supervisor-analytics-head span {
  color: #07847c;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.supervisor-analytics-head h3 {
  margin: 4px 0 0;
  color: #12324f;
  font-size: 16px;
}

.supervisor-analytics-head small {
  color: #6b7c90;
  font-size: 10px;
}

.supervisor-chart-wrap {
  width: 100%;
  min-height: 230px;
  overflow-x: auto;
  padding: 8px 10px 4px;
}

.supervisor-chart-wrap canvas {
  display: block;
  max-width: 100%;
}

.supervisor-insight-list {
  display: grid;
  gap: 0;
}

.supervisor-insight-item {
  padding: 11px 14px;
  border-bottom: 1px solid #e8eef2;
}

.supervisor-insight-item:last-child {
  border-bottom: 0;
}

.supervisor-insight-item > span {
  display: block;
  color: #07847c;
  font-size: 8.5px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.supervisor-insight-item strong {
  display: block;
  margin-top: 3px;
  color: #12324f;
  font-size: 12px;
}

.supervisor-insight-item p {
  margin: 4px 0 0;
  color: #66798d;
  font-size: 10.5px;
  line-height: 1.42;
}

@media (max-width: 1050px) {
  .supervisor-analytics-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .supervisor-kpi-grid {
    gap: 7px;
  }

  .supervisor-kpi-grid article {
    min-height: 69px;
    padding: 10px 11px;
  }

  .supervisor-kpi-grid span {
    font-size: 7.5px;
  }

  .supervisor-kpi-grid strong {
    margin-top: 6px;
    font-size: 20px;
  }

  .supervisor-analytics-head {
    padding: 12px 13px;
  }

  .supervisor-chart-wrap {
    min-height: 220px;
    padding: 6px;
  }

  .supervisor-insight-item {
    padding: 10px 12px;
  }
}


/* v3.3 — Standard assignment-based completion engine */
.supervisor-scope-note {
  color: #65778b;
  font-size: 10px;
}

/* v3.4 — Progressive loading and perceived-performance polish */

.supervisor-progressive-shell {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
}

.supervisor-loading-status {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 13px;
  padding: 12px 14px;
  border: 1px solid #dbe4eb;
  border-radius: 13px;
  background: #fff;
}

.supervisor-loading-status strong,
.supervisor-loading-status small {
  display: block;
}

.supervisor-loading-status strong {
  color: #12324f;
  font-size: 12px;
}

.supervisor-loading-status small {
  margin-top: 2px;
  color: #6b7c90;
  font-size: 10px;
}

.supervisor-loading-spinner {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border: 3px solid #d8efec;
  border-top-color: #0d887f;
  border-radius: 50%;
  animation: supervisor-spin .8s linear infinite;
}

@keyframes supervisor-spin {
  to { transform: rotate(360deg); }
}

.supervisor-loading-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 13px;
}

.supervisor-loading-kpis article {
  min-height: 73px;
  padding: 11px 12px;
  border: 1px solid #dbe4eb;
  border-radius: 13px;
  background: #fff;
}

.supervisor-loading-kpis span {
  display: block;
  color: #65778b;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.supervisor-loading-kpis strong {
  display: block;
  margin-top: 7px;
  color: #12324f;
  font-size: 21px;
}

.supervisor-loading-panels {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 11px;
}

.supervisor-loading-panels article {
  min-height: 175px;
  padding: 15px;
  border: 1px solid #dbe4eb;
  border-radius: 15px;
  background: #fff;
}

.supervisor-skeleton-line {
  display: block;
  width: 100%;
  height: 12px;
  margin-bottom: 13px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    #edf2f5 25%,
    #f7fafb 50%,
    #edf2f5 75%
  );
  background-size: 200% 100%;
  animation: supervisor-shimmer 1.15s infinite linear;
}

.supervisor-skeleton-line.is-short { width: 38%; }
.supervisor-skeleton-line.is-medium { width: 68%; }

@keyframes supervisor-shimmer {
  from { background-position: 200% 0; }
  to { background-position: -200% 0; }
}

@media (max-width: 760px) {
  .supervisor-loading-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  .supervisor-loading-kpis article {
    min-height: 65px;
    padding: 9px 8px;
  }

  .supervisor-loading-kpis span {
    font-size: 6.8px;
  }

  .supervisor-loading-kpis strong {
    font-size: 18px;
  }

  .supervisor-loading-panels {
    grid-template-columns: 1fr;
  }
}


/* v3.4.1 — Slow network tolerance */
.supervisor-loading-status small {
  max-width: 520px;
}

/* v3.4.4 — Compact premium Reports Hub
   Scope: report category cards only. Report detail, KPI, filters,
   exports, analytics, role permissions, and data logic are untouched. */

.reports-grid:has(> .report-card) {
  gap: 12px;
}

.report-card {
  min-height: 198px;
  padding: 16px;
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(15, 35, 55, .045);
}

.report-card .icon {
  width: 36px;
  height: 36px;
  margin-bottom: 11px;
  border-radius: 11px;
  font-size: 13px;
}

.report-title {
  font-size: 16px;
  line-height: 1.18;
}

.report-desc {
  display: -webkit-box;
  margin-top: 5px;
  overflow: hidden;
  color: #64758a;
  font-size: 12px;
  line-height: 1.38;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.report-card .tag {
  margin-top: 10px;
  padding: 5px 9px;
  font-size: 9px;
}

.open-btn {
  min-height: 39px;
  margin-top: 12px;
  border-radius: 11px;
  font-size: 12px;
}

@media (min-width: 900px) {
  .reports-grid:has(> .report-card) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .report-card {
    min-height: 190px;
  }
}

@media (max-width: 620px) {
  .reports-section-head {
    gap: 8px;
    margin-bottom: 12px;
  }

  .reports-eyebrow {
    margin-bottom: 4px;
    font-size: 9px;
  }

  .reports-section-head h2 {
    font-size: 22px;
  }

  .reports-section-head p {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.35;
  }

  .reports-role {
    min-height: 28px;
    padding: 0 10px;
    font-size: 9px;
  }

  .reports-grid:has(> .report-card) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .report-card {
    min-height: 174px;
    padding: 12px;
    border-radius: 15px;
  }

  .report-card .icon {
    width: 32px;
    height: 32px;
    margin-bottom: 9px;
    border-radius: 10px;
    font-size: 12px;
  }

  .report-title {
    font-size: 14px;
    line-height: 1.15;
  }

  .report-desc {
    margin-top: 5px;
    font-size: 10.5px;
    line-height: 1.32;
    -webkit-line-clamp: 2;
  }

  .report-card .tag {
    margin-top: 8px;
    padding: 4px 7px;
    font-size: 8px;
  }

  .open-btn {
    min-height: 34px;
    margin-top: 9px;
    padding: 0 7px;
    border-radius: 10px;
    font-size: 10.5px;
    line-height: 1.15;
  }
}

@media (max-width: 350px) {
  .reports-grid:has(> .report-card) {
    grid-template-columns: 1fr;
  }

  .report-card {
    min-height: 152px;
  }
}


/* v3.4.5 — Compact Supervisor Inventory detail header only */
body.report-inventory-detail .reports-route-head {
  display: none;
}

body.report-inventory-detail .reports-content {
  padding-top: 14px;
}

body.report-inventory-detail .reports-section-head {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
}

body.report-inventory-detail .reports-section-head > div {
  display: none;
}

body.report-inventory-detail .reports-role,
body.report-inventory-detail .my-reports-back {
  width: auto;
  min-width: 0;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid #cfe0e7;
  border-radius: 999px;
  background: #f8fbfc;
  color: #123b5d;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .01em;
  white-space: nowrap;
  box-shadow: none;
}

body.report-inventory-detail .my-reports-toolbar {
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

body.report-inventory-detail .my-reports-toolbar > div {
  min-width: 0;
}

body.report-inventory-detail .my-reports-toolbar strong {
  font-size: 16px;
}

body.report-inventory-detail .my-reports-toolbar span {
  font-size: 11px;
}

@media (max-width: 620px) {
  body.report-inventory-detail .reports-content {
    padding-top: 10px;
  }

  body.report-inventory-detail .reports-section-head {
    flex-direction: row;
    justify-content: flex-end;
    gap: 0;
    margin-bottom: 8px;
  }

  body.report-inventory-detail .my-reports-toolbar {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

  body.report-inventory-detail .my-reports-back {
    width: auto;
    min-height: 32px;
    padding: 0 12px;
    font-size: 10px;
  }

  body.report-inventory-detail .reports-role {
    min-height: 32px;
    padding: 0 12px;
    font-size: 10px;
  }

  body.report-inventory-detail .my-reports-toolbar strong {
    font-size: 14px;
  }

  body.report-inventory-detail .my-reports-toolbar span {
    display: none;
  }
}

/* v3.4.6 — Supervisor Inventory title row polish only */
body.report-inventory-detail .reports-section-head {
  display: none;
}

body.report-inventory-detail .my-reports-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

body.report-inventory-detail .my-reports-toolbar > div {
  order: 1;
  min-width: 0;
}

body.report-inventory-detail .my-reports-back {
  order: 2;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid #cfe0e7;
  border-radius: 999px;
  background: #f8fbfc;
  color: #123b5d;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

body.report-inventory-detail .my-reports-toolbar strong {
  display: block;
  color: #0b2f4f;
  font-size: 18px;
  line-height: 1.2;
}

body.report-inventory-detail .my-reports-toolbar span {
  display: none;
}

@media (max-width: 620px) {
  body.report-inventory-detail .my-reports-toolbar {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
  }

  body.report-inventory-detail .my-reports-toolbar strong {
    font-size: 15px;
    line-height: 1.18;
  }

  body.report-inventory-detail .my-reports-back {
    min-height: 28px;
    padding: 0 9px;
    font-size: 9px;
  }
}

/*
  FieldCore Manager Inventory Report
  Supervisor + Principal Performance polish v3.5.2

  SAFE OVERRIDE:
  Append this file's contents to the END of your current:
  css/pages/reports.css

  This targets only Manager Inventory Report performance sections.
*/

.manager-inventory-dashboard {
  --manager-card-border: #d9e4e9;
  --manager-card-bg: #ffffff;
  --manager-table-head: #f2f7f8;
  --manager-row-hover: #f7fbfb;
}

/* Keep the two performance sections visually separate and balanced. */
.manager-inventory-dashboard .supervisor-table-card {
  margin-top: 16px;
  padding: 18px;
  border: 1px solid var(--manager-card-border);
  border-radius: 16px;
  background: var(--manager-card-bg);
  box-shadow: 0 10px 28px rgba(13, 42, 69, 0.05);
  overflow: hidden;
}

/* Clean section title hierarchy. */
.manager-inventory-dashboard .supervisor-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.manager-inventory-dashboard .supervisor-section-heading > div {
  min-width: 0;
}

.manager-inventory-dashboard .supervisor-section-heading span {
  display: block;
  margin-bottom: 4px;
  color: #07827d;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.manager-inventory-dashboard .supervisor-section-heading strong {
  display: block;
  color: #0d2a45;
  font-size: 18px;
  line-height: 1.25;
}

.manager-inventory-dashboard .supervisor-section-heading small {
  flex: 0 0 auto;
  max-width: 180px;
  color: #6b7d8f;
  font-size: 10px;
  line-height: 1.4;
  text-align: right;
}

/* Table container */
.manager-inventory-dashboard .supervisor-table-scroll {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #e1e9ed;
  border-radius: 12px;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}

/* Premium database-table treatment */
.manager-inventory-dashboard .supervisor-data-table {
  width: 100%;
  min-width: 820px;
  border-collapse: separate;
  border-spacing: 0;
  color: #183650;
  font-size: 11px;
}

.manager-inventory-dashboard .supervisor-data-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 11px 12px;
  border-bottom: 1px solid #d8e3e8;
  background: var(--manager-table-head);
  color: #536a7f;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.manager-inventory-dashboard .supervisor-data-table tbody td {
  padding: 12px;
  border-bottom: 1px solid #e6edf0;
  vertical-align: middle;
  white-space: nowrap;
}

.manager-inventory-dashboard .supervisor-data-table tbody tr:last-child td {
  border-bottom: 0;
}

.manager-inventory-dashboard .supervisor-data-table tbody tr:hover {
  background: var(--manager-row-hover);
}

.manager-inventory-dashboard .supervisor-data-table td:first-child,
.manager-inventory-dashboard .supervisor-data-table th:first-child {
  padding-left: 14px;
}

.manager-inventory-dashboard .supervisor-data-table td:last-child,
.manager-inventory-dashboard .supervisor-data-table th:last-child {
  padding-right: 14px;
}

.manager-inventory-dashboard .supervisor-data-table td strong {
  color: #0d2a45;
  font-weight: 800;
}

/* Completion badge */
.manager-inventory-dashboard .my-report-status {
  display: inline-flex;
  min-width: 46px;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
  border-radius: 999px;
  background: #e8f7f4;
  color: #087b74;
  font-size: 9px;
  font-weight: 900;
}

/* Principal table does not need the same width as Supervisor table. */
.manager-inventory-dashboard .supervisor-table-card:nth-of-type(2) .supervisor-data-table {
  min-width: 560px;
}

/* Empty-state row */
.manager-inventory-dashboard .supervisor-empty-cell {
  padding: 22px !important;
  color: #718396;
  text-align: center;
  white-space: normal !important;
}

/* Action cards below the tables */
.manager-inventory-dashboard .supervisor-action-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.manager-inventory-dashboard .supervisor-action-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--manager-card-border);
  border-radius: 14px;
  background: #fff;
}

.manager-inventory-dashboard .supervisor-action-card span,
.manager-inventory-dashboard .supervisor-action-card small {
  display: block;
}

.manager-inventory-dashboard .supervisor-action-card span {
  color: #60758a;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.manager-inventory-dashboard .supervisor-action-card strong {
  display: block;
  margin: 5px 0 3px;
  color: #0d2a45;
  font-size: 22px;
}

.manager-inventory-dashboard .supervisor-action-card small {
  color: #718396;
  font-size: 9px;
  line-height: 1.35;
}

/* Desktop: keep Supervisor and Principal sections readable as full-width cards. */
@media (min-width: 900px) {
  .manager-inventory-dashboard .supervisor-table-card {
    width: 100%;
  }
}

/* Mobile/tablet */
@media (max-width: 760px) {
  .manager-inventory-dashboard .supervisor-table-card {
    margin-top: 12px;
    padding: 13px;
    border-radius: 14px;
  }

  .manager-inventory-dashboard .supervisor-section-heading {
    gap: 10px;
    margin-bottom: 11px;
  }

  .manager-inventory-dashboard .supervisor-section-heading strong {
    font-size: 16px;
  }

  .manager-inventory-dashboard .supervisor-section-heading small {
    max-width: 115px;
    font-size: 8px;
  }

  .manager-inventory-dashboard .supervisor-data-table {
    min-width: 760px;
    font-size: 10px;
  }

  .manager-inventory-dashboard .supervisor-data-table thead th {
    padding: 9px 10px;
    font-size: 7px;
  }

  .manager-inventory-dashboard .supervisor-data-table tbody td {
    padding: 10px;
  }

  .manager-inventory-dashboard .supervisor-table-card:nth-of-type(2) .supervisor-data-table {
    min-width: 520px;
  }

  .manager-inventory-dashboard .supervisor-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}

/*
  FieldCore Manager Filter Apply Feedback v3.5.3

  Paste this entire block at the very bottom of:
  css/pages/reports.css

  Manager Inventory Report only.
*/

.manager-inventory-dashboard .manager-filter-apply {
  position: relative;
  min-height: 40px;
  border: 1px solid #0c8b82;
  border-radius: 10px;
  background: #0c8b82;
  color: #fff;
  font-weight: 800;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    transform 160ms ease,
    box-shadow 160ms ease;
}

.manager-inventory-dashboard .manager-filter-apply.is-dirty {
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(12, 139, 130, 0.18);
}

.manager-inventory-dashboard .manager-filter-apply.is-dirty:hover {
  transform: translateY(-1px);
  background: #087d75;
  border-color: #087d75;
}

.manager-inventory-dashboard .manager-filter-apply.is-applying {
  cursor: wait;
  background: #526b7d;
  border-color: #526b7d;
  box-shadow: none;
}

.manager-inventory-dashboard .manager-filter-apply.is-applied,
.manager-inventory-dashboard .manager-filter-apply:disabled {
  cursor: default;
  background: #e9f6f4;
  border-color: #b9ded9;
  color: #087b74;
  box-shadow: none;
  opacity: 1;
}

.manager-inventory-dashboard .manager-filter-feedback {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  min-height: 28px;
  margin-top: -2px;
  padding: 7px 10px;
  border-radius: 9px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
}

.manager-inventory-dashboard .manager-filter-feedback.is-applied {
  background: #eef8f6;
  color: #08766f;
}

.manager-inventory-dashboard .manager-filter-feedback.is-dirty {
  background: #fff7e6;
  color: #8a5a00;
}

@media (max-width: 760px) {
  .manager-inventory-dashboard .manager-filter-apply {
    width: 100%;
  }

  .manager-inventory-dashboard .manager-filter-feedback {
    font-size: 9px;
  }
}

/*
  FieldCore Manager KPI Compact Numbers v3.5.8

  Paste this entire block at the very bottom of:
  css/pages/reports.css

  Scope:
  Manager Inventory Report KPI cards only.
*/

.manager-inventory-dashboard .supervisor-kpi-grid {
  gap: 8px;
}

.manager-inventory-dashboard .supervisor-kpi-card {
  min-width: 0;
  min-height: 82px;
  padding: 12px 12px 11px;
  border-radius: 14px;
  overflow: hidden;
}

.manager-inventory-dashboard .supervisor-kpi-card span {
  display: block;
  min-height: 22px;
  margin-bottom: 6px;
  color: #5f7488;
  font-size: 8px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.manager-inventory-dashboard .supervisor-kpi-card strong {
  display: block;
  max-width: 100%;
  color: #0d2a45;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 750;
  line-height: 1.05;
  letter-spacing: -0.025em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Smaller scaling for cards that naturally carry longer numbers. */
.manager-inventory-dashboard .supervisor-kpi-card:nth-child(9) strong,
.manager-inventory-dashboard .supervisor-kpi-card:nth-child(10) strong,
.manager-inventory-dashboard .supervisor-kpi-card:nth-child(11) strong {
  font-size: clamp(17px, 1.8vw, 21px);
}

/* Mobile */
@media (max-width: 760px) {
  .manager-inventory-dashboard .supervisor-kpi-grid {
    gap: 7px;
  }

  .manager-inventory-dashboard .supervisor-kpi-card {
    min-height: 74px;
    padding: 10px 10px 9px;
    border-radius: 13px;
  }

  .manager-inventory-dashboard .supervisor-kpi-card span {
    min-height: 20px;
    margin-bottom: 5px;
    font-size: 7px;
    line-height: 1.25;
    letter-spacing: 0.04em;
  }

  .manager-inventory-dashboard .supervisor-kpi-card strong {
    font-size: 20px;
    line-height: 1;
  }

  .manager-inventory-dashboard .supervisor-kpi-card:nth-child(9) strong,
  .manager-inventory-dashboard .supervisor-kpi-card:nth-child(10) strong,
  .manager-inventory-dashboard .supervisor-kpi-card:nth-child(11) strong {
    font-size: 17px;
  }
}

/* Extra-narrow phones */
@media (max-width: 380px) {
  .manager-inventory-dashboard .supervisor-kpi-card {
    min-height: 70px;
    padding: 9px;
  }

  .manager-inventory-dashboard .supervisor-kpi-card span {
    font-size: 6.5px;
  }

  .manager-inventory-dashboard .supervisor-kpi-card strong {
    font-size: 18px;
  }

  .manager-inventory-dashboard .supervisor-kpi-card:nth-child(9) strong,
  .manager-inventory-dashboard .supervisor-kpi-card:nth-child(10) strong,
  .manager-inventory-dashboard .supervisor-kpi-card:nth-child(11) strong {
    font-size: 15.5px;
  }
}

/*
  FieldCore Manager Compact Performance Tables v3.5.9

  Paste this entire block at the very bottom of:
  css/pages/reports.css

  Scope:
  Manager Inventory Report only.
*/

/* Shared compact treatment */
.manager-inventory-dashboard .manager-supervisor-performance,
.manager-inventory-dashboard .manager-principal-performance {
  padding: 14px;
}

.manager-inventory-dashboard .manager-supervisor-performance .supervisor-table-scroll,
.manager-inventory-dashboard .manager-principal-performance .supervisor-table-scroll {
  border-radius: 10px;
}

.manager-inventory-dashboard .manager-supervisor-performance .supervisor-data-table,
.manager-inventory-dashboard .manager-principal-performance .supervisor-data-table {
  table-layout: fixed;
  font-size: 10px;
}

.manager-inventory-dashboard .manager-supervisor-performance .supervisor-data-table th,
.manager-inventory-dashboard .manager-principal-performance .supervisor-data-table th {
  padding: 8px 7px;
  font-size: 7px;
  line-height: 1.15;
  white-space: normal;
}

.manager-inventory-dashboard .manager-supervisor-performance .supervisor-data-table td,
.manager-inventory-dashboard .manager-principal-performance .supervisor-data-table td {
  padding: 9px 7px;
  line-height: 1.2;
}

/* Supervisor table: reduce total width but keep all management columns */
.manager-inventory-dashboard .manager-supervisor-performance .supervisor-data-table {
  min-width: 680px;
}

.manager-inventory-dashboard .manager-supervisor-performance th:nth-child(1),
.manager-inventory-dashboard .manager-supervisor-performance td:nth-child(1) {
  width: 136px;
  white-space: normal;
}

.manager-inventory-dashboard .manager-supervisor-performance th:nth-child(2),
.manager-inventory-dashboard .manager-supervisor-performance td:nth-child(2) {
  width: 52px;
  text-align: center;
}

.manager-inventory-dashboard .manager-supervisor-performance th:nth-child(3),
.manager-inventory-dashboard .manager-supervisor-performance td:nth-child(3),
.manager-inventory-dashboard .manager-supervisor-performance th:nth-child(4),
.manager-inventory-dashboard .manager-supervisor-performance td:nth-child(4),
.manager-inventory-dashboard .manager-supervisor-performance th:nth-child(5),
.manager-inventory-dashboard .manager-supervisor-performance td:nth-child(5),
.manager-inventory-dashboard .manager-supervisor-performance th:nth-child(7),
.manager-inventory-dashboard .manager-supervisor-performance td:nth-child(7),
.manager-inventory-dashboard .manager-supervisor-performance th:nth-child(8),
.manager-inventory-dashboard .manager-supervisor-performance td:nth-child(8) {
  width: 58px;
  text-align: center;
}

.manager-inventory-dashboard .manager-supervisor-performance th:nth-child(6),
.manager-inventory-dashboard .manager-supervisor-performance td:nth-child(6) {
  width: 72px;
  text-align: center;
}

.manager-inventory-dashboard .manager-supervisor-performance th:nth-child(9),
.manager-inventory-dashboard .manager-supervisor-performance td:nth-child(9) {
  width: 78px;
  text-align: right;
}

/* Principal table: fit most columns inside mobile viewport */
.manager-inventory-dashboard .manager-principal-performance .supervisor-data-table {
  min-width: 430px;
}

.manager-inventory-dashboard .manager-principal-performance th:nth-child(1),
.manager-inventory-dashboard .manager-principal-performance td:nth-child(1) {
  width: 108px;
}

.manager-inventory-dashboard .manager-principal-performance th:nth-child(2),
.manager-inventory-dashboard .manager-principal-performance td:nth-child(2) {
  width: 52px;
  text-align: center;
}

.manager-inventory-dashboard .manager-principal-performance th:nth-child(3),
.manager-inventory-dashboard .manager-principal-performance td:nth-child(3) {
  width: 90px;
  text-align: right;
}

.manager-inventory-dashboard .manager-principal-performance th:nth-child(4),
.manager-inventory-dashboard .manager-principal-performance td:nth-child(4),
.manager-inventory-dashboard .manager-principal-performance th:nth-child(5),
.manager-inventory-dashboard .manager-principal-performance td:nth-child(5) {
  width: 72px;
  text-align: center;
}

/* Mobile */
@media (max-width: 760px) {
  .manager-inventory-dashboard .manager-supervisor-performance,
  .manager-inventory-dashboard .manager-principal-performance {
    padding: 11px;
  }

  .manager-inventory-dashboard .manager-supervisor-performance .supervisor-section-heading,
  .manager-inventory-dashboard .manager-principal-performance .supervisor-section-heading {
    margin-bottom: 9px;
  }

  .manager-inventory-dashboard .manager-supervisor-performance .supervisor-data-table {
    min-width: 620px;
  }

  .manager-inventory-dashboard .manager-principal-performance .supervisor-data-table {
    min-width: 390px;
  }

  .manager-inventory-dashboard .manager-supervisor-performance .supervisor-data-table th,
  .manager-inventory-dashboard .manager-principal-performance .supervisor-data-table th {
    padding: 7px 6px;
    font-size: 6.5px;
  }

  .manager-inventory-dashboard .manager-supervisor-performance .supervisor-data-table td,
  .manager-inventory-dashboard .manager-principal-performance .supervisor-data-table td {
    padding: 8px 6px;
    font-size: 9px;
  }

  .manager-inventory-dashboard .manager-supervisor-performance th:nth-child(1),
  .manager-inventory-dashboard .manager-supervisor-performance td:nth-child(1) {
    width: 120px;
  }

  .manager-inventory-dashboard .manager-principal-performance th:nth-child(1),
  .manager-inventory-dashboard .manager-principal-performance td:nth-child(1) {
    width: 90px;
  }

  .manager-inventory-dashboard .manager-principal-performance th:nth-child(3),
  .manager-inventory-dashboard .manager-principal-performance td:nth-child(3) {
    width: 78px;
  }

  .manager-inventory-dashboard .manager-principal-performance th:nth-child(4),
  .manager-inventory-dashboard .manager-principal-performance td:nth-child(4),
  .manager-inventory-dashboard .manager-principal-performance th:nth-child(5),
  .manager-inventory-dashboard .manager-principal-performance td:nth-child(5) {
    width: 62px;
  }
}

/* Very narrow phones */
@media (max-width: 380px) {
  .manager-inventory-dashboard .manager-supervisor-performance .supervisor-data-table {
    min-width: 590px;
  }

  .manager-inventory-dashboard .manager-principal-performance .supervisor-data-table {
    min-width: 370px;
  }
}

/*
  FieldCore Operations Manager Inventory v3.6.0

  Paste this block at the very bottom of:
  css/pages/reports.css
*/

.operations-inventory-dashboard .supervisor-kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.operations-inventory-dashboard .supervisor-kpi-card {
  min-width: 0;
  min-height: 76px;
  padding: 11px;
  overflow: hidden;
}

.operations-inventory-dashboard .supervisor-kpi-card span {
  display: block;
  min-height: 20px;
  margin-bottom: 5px;
  font-size: 7px;
  line-height: 1.25;
}

.operations-inventory-dashboard .supervisor-kpi-card strong {
  display: block;
  max-width: 100%;
  font-size: 20px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.operations-inventory-dashboard .operations-group-performance,
.operations-inventory-dashboard .operations-manager-performance {
  margin-top: 14px;
  padding: 14px;
}

.operations-inventory-dashboard .operations-group-performance .supervisor-data-table,
.operations-inventory-dashboard .operations-manager-performance .supervisor-data-table {
  min-width: 720px;
  table-layout: fixed;
  font-size: 10px;
}

.operations-inventory-dashboard .operations-group-performance th,
.operations-inventory-dashboard .operations-manager-performance th {
  padding: 8px 7px;
  font-size: 7px;
  white-space: normal;
}

.operations-inventory-dashboard .operations-group-performance td,
.operations-inventory-dashboard .operations-manager-performance td {
  padding: 9px 7px;
}

@media (max-width: 760px) {
  .operations-inventory-dashboard .supervisor-kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
  }

  .operations-inventory-dashboard .supervisor-kpi-card {
    min-height: 70px;
    padding: 9px;
  }

  .operations-inventory-dashboard .supervisor-kpi-card strong {
    font-size: 17px;
  }

  .operations-inventory-dashboard .operations-group-performance,
  .operations-inventory-dashboard .operations-manager-performance {
    padding: 11px;
  }

  .operations-inventory-dashboard .operations-group-performance .supervisor-data-table {
    min-width: 620px;
  }

  .operations-inventory-dashboard .operations-manager-performance .supervisor-data-table {
    min-width: 680px;
  }
}
/*
  FieldCore Operations Manager Inventory v3.6.0

  Paste this block at the very bottom of:
  css/pages/reports.css
*/

.operations-inventory-dashboard .supervisor-kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.operations-inventory-dashboard .supervisor-kpi-card {
  min-width: 0;
  min-height: 76px;
  padding: 11px;
  overflow: hidden;
}

.operations-inventory-dashboard .supervisor-kpi-card span {
  display: block;
  min-height: 20px;
  margin-bottom: 5px;
  font-size: 7px;
  line-height: 1.25;
}

.operations-inventory-dashboard .supervisor-kpi-card strong {
  display: block;
  max-width: 100%;
  font-size: 20px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.operations-inventory-dashboard .operations-group-performance,
.operations-inventory-dashboard .operations-manager-performance {
  margin-top: 14px;
  padding: 14px;
}

.operations-inventory-dashboard .operations-group-performance .supervisor-data-table,
.operations-inventory-dashboard .operations-manager-performance .supervisor-data-table {
  min-width: 720px;
  table-layout: fixed;
  font-size: 10px;
}

.operations-inventory-dashboard .operations-group-performance th,
.operations-inventory-dashboard .operations-manager-performance th {
  padding: 8px 7px;
  font-size: 7px;
  white-space: normal;
}

.operations-inventory-dashboard .operations-group-performance td,
.operations-inventory-dashboard .operations-manager-performance td {
  padding: 9px 7px;
}

@media (max-width: 760px) {
  .operations-inventory-dashboard .supervisor-kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
  }

  .operations-inventory-dashboard .supervisor-kpi-card {
    min-height: 70px;
    padding: 9px;
  }

  .operations-inventory-dashboard .supervisor-kpi-card strong {
    font-size: 17px;
  }

  .operations-inventory-dashboard .operations-group-performance,
  .operations-inventory-dashboard .operations-manager-performance {
    padding: 11px;
  }

  .operations-inventory-dashboard .operations-group-performance .supervisor-data-table {
    min-width: 620px;
  }

  .operations-inventory-dashboard .operations-manager-performance .supervisor-data-table {
    min-width: 680px;
  }
}

/*
  FieldCore Operations Executive One-Pager v3.6.1

  Paste at the very bottom of css/pages/reports.css
*/

.operations-inventory-dashboard .operations-executive-button {
  border-color: #0d887f;
  background: #0d887f;
  color: #ffffff;
}

.operations-inventory-dashboard .operations-executive-button:hover:not(:disabled) {
  background: #08776f;
  border-color: #08776f;
}

.operations-inventory-dashboard .operations-executive-button:disabled {
  background: #edf3f4;
  border-color: #d6e0e4;
  color: #8a9aa8;
}

/*
  FieldCore Executive One-Pager v1.1 / v3.6.2

  Paste at the very bottom of css/pages/reports.css.
  This only keeps the Executive PDF button consistent.
*/

.operations-inventory-dashboard .operations-executive-button {
  min-width: 118px;
  font-weight: 800;
}


.merchandiser-osa-dashboard{grid-column:1/-1;width:100%;min-width:0}
.merchandiser-osa-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.merchandiser-osa-kpis .supervisor-kpi-card{min-height:74px;padding:10px 11px}
.merchandiser-osa-kpis .supervisor-kpi-card span{font-size:7px}
.merchandiser-osa-kpis .supervisor-kpi-card strong{font-size:20px}
.merchandiser-osa-history .supervisor-data-table{min-width:830px}
.merchandiser-osa-history td small,.merchandiser-osa-history td strong{display:block}
.merchandiser-osa-history td small{margin-top:3px;color:#76899a;font-size:7px}
.osa-percent-badge{display:inline-flex;min-width:58px;justify-content:center;padding:5px 7px;border-radius:999px;font-size:8px;font-weight:900}
.osa-percent-badge.is-good{background:#e8f7f4;color:#087b74}.osa-percent-badge.is-warning{background:#fff5da;color:#946200}.osa-percent-badge.is-critical{background:#fdebea;color:#b54235}
.merchandiser-osa-detail-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px;padding:15px;border:1px solid #dbe4eb;border-radius:16px;background:#fff}
.merchandiser-osa-detail-head span{color:#07847c;font-size:8px;font-weight:900;letter-spacing:.1em}.merchandiser-osa-detail-head h2{margin:4px 0;color:#12324f;font-size:20px}.merchandiser-osa-detail-head p{margin:0;color:#6c7f91;font-size:11px}
.merchandiser-osa-score{min-width:110px;padding:10px 12px;border-radius:13px;background:#eef8f6;text-align:right}.merchandiser-osa-score strong,.merchandiser-osa-score small{display:block}.merchandiser-osa-score strong{margin:4px 0;color:#087b74;font-size:22px}.merchandiser-osa-score small{font-size:8px;color:#63788a}
.merchandiser-osa-items .supervisor-data-table{min-width:760px}.osa-day-cell{text-align:center;font-size:7px;font-weight:900}.osa-day-cell.has-os{background:#fdebea;color:#b54235}.osa-day-cell.is-available{background:#eef8f6;color:#087b74}
@media(max-width:760px){.merchandiser-osa-kpis{gap:7px}.merchandiser-osa-kpis .supervisor-kpi-card{min-height:66px;padding:9px}.merchandiser-osa-kpis .supervisor-kpi-card strong{font-size:17px}.merchandiser-osa-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.merchandiser-osa-detail-head{padding:12px}.merchandiser-osa-detail-head h2{font-size:17px}.merchandiser-osa-score{min-width:90px}.merchandiser-osa-score strong{font-size:18px}}

/*
  FieldCore v1.0 Reports Hub — Coming Soon treatment v3.7.1

  Paste this entire block at the very bottom of:
  css/pages/reports.css
*/

.report-card.is-coming-soon {
  position: relative;
  border-color: #e2e8ec;
  background: #f8fafb;
  box-shadow: none;
}

.report-card.is-coming-soon .icon {
  opacity: 0.55;
  filter: grayscale(1);
}

.report-card.is-coming-soon .report-title {
  color: #53697b;
}

.report-card.is-coming-soon .report-desc {
  color: #8493a0;
}

.report-card-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.coming-soon-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  padding: 4px 7px;
  border: 1px solid #d8e1e6;
  border-radius: 999px;
  background: #eef2f4;
  color: #6d7e8c;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.report-card .coming-soon-btn,
.report-card .coming-soon-btn:disabled {
  cursor: default;
  border-color: #dce4e8;
  background: #e9eef1;
  color: #7c8c99;
  box-shadow: none;
  opacity: 1;
  transform: none;
}

.report-card .coming-soon-btn:hover,
.report-card .coming-soon-btn:disabled:hover {
  border-color: #dce4e8;
  background: #e9eef1;
  color: #7c8c99;
  transform: none;
}

@media (max-width: 760px) {
  .coming-soon-badge {
    min-height: 18px;
    padding: 3px 6px;
    font-size: 6.3px;
  }
}


/*
  FieldCore v1.0.1 — Issue #001
  Searchable Inventory Report filters and Apply Filter feedback.
*/

.supervisor-inventory-dashboard:not(.manager-inventory-dashboard)
  .manager-filter-apply,
.operations-inventory-dashboard .manager-filter-apply {
  position: relative;
  min-height: 37px;
  border: 1px solid #0c8b82;
  border-radius: 9px;
  background: #0c8b82;
  color: #fff;
  font-weight: 800;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    transform 160ms ease,
    box-shadow 160ms ease;
}

.supervisor-inventory-dashboard:not(.manager-inventory-dashboard)
  .manager-filter-apply.is-dirty,
.operations-inventory-dashboard .manager-filter-apply.is-dirty {
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(12, 139, 130, .18);
}

.supervisor-inventory-dashboard:not(.manager-inventory-dashboard)
  .manager-filter-apply.is-applying,
.operations-inventory-dashboard .manager-filter-apply.is-applying {
  cursor: wait;
  background: #526b7d;
  border-color: #526b7d;
  box-shadow: none;
}

.supervisor-inventory-dashboard:not(.manager-inventory-dashboard)
  .manager-filter-apply.is-applied,
.supervisor-inventory-dashboard:not(.manager-inventory-dashboard)
  .manager-filter-apply:disabled,
.operations-inventory-dashboard .manager-filter-apply.is-applied,
.operations-inventory-dashboard .manager-filter-apply:disabled {
  cursor: default;
  background: #e9f6f4;
  border-color: #b9ded9;
  color: #087b74;
  box-shadow: none;
  opacity: 1;
}

.supervisor-inventory-dashboard:not(.manager-inventory-dashboard)
  .manager-filter-feedback,
.operations-inventory-dashboard .manager-filter-feedback {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  min-height: 28px;
  margin-top: -2px;
  padding: 7px 10px;
  border-radius: 9px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
}

.supervisor-inventory-dashboard:not(.manager-inventory-dashboard)
  .manager-filter-feedback.is-applied,
.operations-inventory-dashboard
  .manager-filter-feedback.is-applied {
  background: #eef8f6;
  color: #08766f;
}

.supervisor-inventory-dashboard:not(.manager-inventory-dashboard)
  .manager-filter-feedback.is-dirty,
.operations-inventory-dashboard
  .manager-filter-feedback.is-dirty {
  background: #fff7e6;
  color: #8a5a00;
}

.supervisor-filter-field input[type="search"] {
  appearance: auto;
}

@media (max-width: 760px) {
  .supervisor-inventory-dashboard:not(.manager-inventory-dashboard)
    .manager-filter-apply,
  .operations-inventory-dashboard .manager-filter-apply {
    width: 100%;
  }

  .supervisor-inventory-dashboard:not(.manager-inventory-dashboard)
    .manager-filter-feedback,
  .operations-inventory-dashboard .manager-filter-feedback {
    font-size: 9px;
  }
}

/* Inventory KPI store drilldowns */
.supervisor-kpi-grid article.is-drilldown,
.manager-inventory-dashboard .supervisor-kpi-card.is-drilldown {
  cursor: pointer;
  position: relative;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.supervisor-kpi-grid article.is-drilldown:hover,
.supervisor-kpi-grid article.is-drilldown:focus-visible,
.manager-inventory-dashboard .supervisor-kpi-card.is-drilldown:hover,
.manager-inventory-dashboard .supervisor-kpi-card.is-drilldown:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(15, 23, 42, .09);
  border-color: #9ec5ff;
  outline: none;
}

.kpi-drilldown-hint {
  display: block;
  margin-top: 5px;
  color: #2563eb;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .02em;
}

.inventory-store-drilldown-overlay {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background: rgba(15, 23, 42, .48);
  backdrop-filter: blur(3px);
}

.inventory-store-drilldown {
  width: min(1120px, 96vw);
  max-height: 86vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #dbe4ef;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(15, 23, 42, .24);
}

.inventory-store-drilldown-head,
.inventory-store-drilldown-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border-bottom: 1px solid #e8eef5;
}

.inventory-store-drilldown-head span {
  color: #2563eb;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.inventory-store-drilldown-head h3 {
  margin: 4px 0 2px;
  color: #0f172a;
  font-size: 20px;
}

.inventory-store-drilldown-head small,
.inventory-store-drilldown-actions {
  color: #64748b;
  font-size: 10px;
}

.inventory-store-drilldown-head > button {
  width: 34px;
  height: 34px;
  border: 1px solid #dbe4ef;
  border-radius: 10px;
  background: #fff;
  color: #475569;
  font-size: 21px;
  line-height: 1;
  cursor: pointer;
}

.inventory-store-drilldown-actions {
  padding-top: 11px;
  padding-bottom: 11px;
}

.inventory-store-drilldown-actions strong {
  color: #0f172a;
  font-size: 11px;
}

.inventory-store-drilldown-actions button {
  border: 0;
  border-radius: 9px;
  padding: 9px 13px;
  background: #2563eb;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.inventory-store-drilldown-table-wrap {
  overflow: auto;
  padding: 0 20px 20px;
}

.inventory-store-drilldown-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 820px;
}

.inventory-store-drilldown-table th,
.inventory-store-drilldown-table td {
  padding: 11px 10px;
  border-bottom: 1px solid #edf2f7;
  text-align: left;
  vertical-align: top;
  font-size: 10px;
  color: #475569;
}

.inventory-store-drilldown-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f8fafc;
  color: #64748b;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.inventory-store-drilldown-table td strong {
  color: #0f172a;
}

.inventory-store-drilldown-status {
  display: inline-block;
  padding: 4px 7px;
  border-radius: 999px;
  background: #eef4ff;
  color: #1d4ed8;
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .inventory-store-drilldown-overlay {
    align-items: flex-end;
    padding: 0;
  }

  .inventory-store-drilldown {
    width: 100%;
    max-height: 90vh;
    border-radius: 18px 18px 0 0;
  }

  .inventory-store-drilldown-head,
  .inventory-store-drilldown-actions {
    padding-left: 14px;
    padding-right: 14px;
  }

  .inventory-store-drilldown-table-wrap {
    padding-left: 12px;
    padding-right: 12px;
  }
}


.my-report-row-actionable{cursor:default}.my-report-row-actionable:hover{background:#fff}.my-report-review-comment{color:#8a5b00!important}.my-report-correct{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:9px;background:#0d887f;color:#fff;text-decoration:none}