/*
 * 맘스토어 v2 시안 — 화면 전용 규칙 — 관리자 웹
 * (v3: css/screens.css 를 화면별로 나눈 것. 내용은 그대로, 파일만 나눴다. 끝의 "옮긴 규칙" 묶음은 예전 screens.css 끝 블록에서 온 것이다.)
 * 화면 담당은 자기 파일 안에만 규칙을 더한다. 클래스 이름은 자기 접두사로 시작한다(.s7-…).
 * 배치 분기점은 @container frame (min-width: 768px / 1024px) 으로 쓴다. 토큰 밖 색·글자 크기를 쓰지 않는다(UI-01).
 */

/* === s7 === 관리자 웹 */
/* 관리자 웹(9장): 데스크톱 중심, 좌측 메뉴(1024px 미만은 펼침 메뉴 — 공통 틀). 기한 있는 처리 화면은 360px 완전 지원(카드 + 아래 고정 조치 띠),
   상품 편집·통계 같은 표 화면은 768px 이상 편집 / 좁은 화면 읽기 전용(9장 18.1). 표 안 보조 버튼만 32px(VR32). */

/* ---------- 공통 ---------- */
.s7-sec__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}

.s7-sec__lead {
  margin: -4px 0 12px;
  font-size: var(--fs-13);
  line-height: 1.6;
  color: var(--muted-foreground);
}

.s7-block {
  display: block;
}

.s7-num,
.ms-table .s7-num {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.s7-nowrap {
  white-space: nowrap;
}

.s7-rowsub {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
  margin-top: 4px;
  font-size: var(--fs-12);
  font-weight: 500;
  line-height: 1.5;
  color: var(--muted-foreground);
}

.s7-steps {
  margin: 8px 0 0;
  padding-left: 20px;
  font-size: var(--fs-13);
  line-height: 1.7;
}

.s7-steps > li + li {
  margin-top: 4px;
}

.s7-bullets {
  padding-left: 18px;
  list-style: disc;
  font-size: var(--fs-13);
  line-height: 1.7;
}

.s7-sheet-sum {
  padding: 12px 14px;
  border-radius: var(--radius-md);
  background: var(--muted);
  font-size: var(--fs-13);
  line-height: 1.7;
}

.s7-sheet-sum > * + * {
  margin-top: 4px;
}

/* 탭(아래 줄 + 진분홍 밑줄, 44px) */
.s7-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0 4px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--border);
}

.s7-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: var(--touch);
  min-height: var(--touch);
  margin-bottom: -1px;
  padding: 0 12px;
  border-bottom: 3px solid transparent;
  font-size: var(--fs-14);
  font-weight: 700;
  color: var(--muted-foreground);
  white-space: nowrap;
}

.s7-tab:hover {
  color: var(--foreground);
}

.s7-tab[aria-current="page"] {
  border-bottom-color: var(--primary);
  color: var(--secondary-foreground);
  font-weight: 800;
}

.s7-tab__count {
  min-width: 22px;
  padding: 0 7px;
  border-radius: var(--radius-pill);
  background: var(--muted);
  font-size: var(--fs-12);
  line-height: 20px;
  text-align: center;
  color: var(--foreground);
}

.s7-tab[aria-current="page"] .s7-tab__count {
  background: var(--secondary);
  color: var(--secondary-foreground);
}

/* ---------- 로그인·2단계 인증 ---------- */
.s7-auth {
  padding: 8px 0 32px;
}

.s7-auth__card {
  max-width: 440px;
  margin: 0 auto;
  padding: 22px 18px;
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  background: var(--card);
  box-shadow: var(--elevation-soft);
}

.s7-auth__card > * + * {
  margin-top: 16px;
}

.s7-auth__card .ms-admin__head {
  margin-bottom: 0;
}

@container frame (min-width: 768px) {
  .s7-auth {
    padding: 48px 0 72px;
  }
  .s7-auth__card {
    padding: 32px 32px 28px;
  }
}

/* ---------- 대시보드 ---------- */
.s7-alarm {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 16px;
  border: 1px solid var(--border);
  border-radius: var(--radius-tile);
  background: var(--tag-done);
  font-size: var(--fs-14);
  font-weight: 800;
  color: var(--tag-done-foreground);
}

.s7-alarm__sub {
  display: block;
  margin-top: 2px;
  font-size: var(--fs-13);
  font-weight: 500;
  color: var(--foreground);
}

.s7-cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

@container frame (min-width: 768px) {
  .s7-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container frame (min-width: 1024px) {
  .s7-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
}

.s7-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: var(--radius-tile);
  background: var(--card);
  color: var(--foreground);
  transition: box-shadow var(--motion-base), border-color var(--motion-base);
}

a.s7-card:hover {
  border-color: var(--pink-line);
  box-shadow: var(--elevation-soft);
}

.s7-card--warn {
  border-left: 4px solid var(--tag-soon-foreground);
}

.s7-card--wide {
  grid-column: 1 / -1;
}

.s7-card--plain {
  gap: 0;
}

.s7-card__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px 8px;
}

.s7-card__title {
  font-size: var(--fs-14);
  font-weight: 800;
  line-height: 1.45;
}

.s7-card__count {
  font-size: var(--fs-29);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.s7-card__unit {
  margin-left: 4px;
  font-size: var(--fs-14);
  font-weight: 700;
  letter-spacing: 0;
  color: var(--muted-foreground);
}

.s7-card__note {
  font-size: var(--fs-13);
  line-height: 1.6;
  color: var(--muted-foreground);
}

.s7-card__go {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-top: auto;
  padding-top: 6px;
  font-size: var(--fs-13);
  font-weight: 800;
  color: var(--primary);
}

.s7-card__go .ms-ico {
  width: 16px;
  height: 16px;
}

.s7-card__omit {
  margin-top: auto;
  padding-top: 6px;
  font-size: var(--fs-12);
  color: var(--muted-foreground);
}

.s7-card .ms-disc {
  margin-top: 6px;
}

.s7-card > .ms-btn {
  align-self: flex-start;
  margin-top: 6px;
}

.s7-swlist {
  margin: 4px 0 0;
  font-size: var(--fs-13);
}

.s7-swlist li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 8px;
  padding: 7px 0;
  border-bottom: 1px solid var(--border);
}

.s7-swlist__val {
  font-weight: 700;
}

/* 이번 달 점검 기록 양식 */
.s7-ops > * + * {
  margin-top: 8px;
}

.s7-ops__sum {
  font-size: var(--fs-13);
  font-weight: 700;
  color: var(--muted-foreground);
}

.s7-ops__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0 24px;
}

@container frame (min-width: 1024px) {
  .s7-ops__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.s7-ops__item {
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--border);
}

.s7-ops__item .ms-check {
  flex: 1;
  min-width: 0;
}

.s7-ops__item--locked {
  min-height: var(--touch);
  padding: 10px 0;
  font-size: var(--fs-14);
  line-height: 1.55;
}

.s7-ops__lock {
  width: 22px;
  text-align: center;
}

.s7-ops__hint {
  display: block;
  font-size: var(--fs-12);
  color: var(--muted-foreground);
}

/* ---------- 상품 목록 ---------- */
.s7-listtools {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: end;
}

.s7-listtools__q {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

.s7-listtools__q .ms-field {
  flex: 1;
  min-width: 0;
}

.s7-listtools__q .ms-btn {
  min-height: var(--touch-main);
}

@container frame (min-width: 768px) {
  .s7-listtools {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .s7-listtools--one {
    grid-template-columns: minmax(0, 1fr);
  }
}

.s7-plist {
  display: grid;
  gap: 10px;
}

.s7-pcard {
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius-tile);
  background: var(--card);
}

.s7-pcard > * + * {
  margin-top: 8px;
}

.s7-pcard .ms-kv {
  font-size: var(--fs-13);
}

/* 표 스크롤 상자: 낭독기용 표 제목(sr-only)이 상자 밖으로 위치를 잡지 않게 기준점을 둔다 */
.s7-tscroll {
  position: relative;
}

/* 표 칸 안 한글은 낱자로 끊지 않는다(어절 단위 줄바꿈) */
.s7-ptable th,
.s7-ptable td {
  vertical-align: middle;
  word-break: keep-all;
  overflow-wrap: normal;
}

.s7-ptable th[scope="row"] {
  min-width: 200px;
  font-weight: 700;
}

.s7-ptable td:nth-child(5) {
  min-width: 120px;
}

.s7-ptable thead th {
  white-space: normal;
}

.s7-ptable td:nth-child(3) {
  min-width: 84px;
}

.s7-pmeta {
  display: block;
  font-size: var(--fs-12);
  font-weight: 500;
  color: var(--muted-foreground);
}

.s7-rowacts {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
}

.s7-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.s7-pager > span {
  margin-right: auto;
}

/* ---------- 목록 + 상세(검수 대기·신고) ---------- */
.s7-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

.s7-split--picked .s7-split__list,
.s7-split--auto .s7-split__detail {
  display: none;
}

@container frame (min-width: 1024px) {
  .s7-split {
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
  }
  .s7-split--picked .s7-split__list,
  .s7-split--auto .s7-split__detail {
    display: block;
  }
}

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

.s7-item {
  display: block;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius-tile);
  background: var(--card);
  color: var(--foreground);
}

a.s7-item:hover {
  border-color: var(--pink-line);
  background: var(--pink-pale);
}

.s7-item[aria-current="true"] {
  border-color: var(--primary);
  box-shadow: inset 4px 0 0 var(--primary);
}

@container frame (min-width: 1024px) {
  .s7-item--auto {
    border-color: var(--primary);
    box-shadow: inset 4px 0 0 var(--primary);
  }
}

.s7-item__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.s7-item__title {
  margin-top: 6px;
  font-size: var(--fs-15);
  font-weight: 800;
  line-height: 1.45;
}

.s7-item__meta {
  margin-top: 4px;
  font-size: var(--fs-12);
  line-height: 1.6;
  color: var(--muted-foreground);
}

.s7-item__excerpt {
  margin-top: 6px;
  font-size: var(--fs-13);
  line-height: 1.6;
}

.s7-detail {
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  background: var(--card);
}

.s7-detail > * + * {
  margin-top: 16px;
}

@container frame (min-width: 768px) {
  .s7-detail {
    padding: 22px;
  }
}

.s7-detail__head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.s7-detail__head .s7-item__top {
  margin-top: 6px;
}

.s7-detail__title {
  font-size: var(--fs-18);
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

/* 두 번째 대조: 원문 위치와 입력값을 나란히 */
.s7-cmp {
  border: 1px solid var(--border);
  border-radius: var(--radius-tile);
  background: var(--card);
}

.s7-cmp__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding: 12px 14px;
}

.s7-cmp__row + .s7-cmp__row {
  border-top: 1px solid var(--border);
}

@container frame (min-width: 768px) {
  .s7-cmp__row {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
  }
}

.s7-cmp__name {
  font-size: var(--fs-14);
  font-weight: 800;
}
/* 7차: 속성 규칙 이름(.ms-xsmall 12px)이 한글 조건 이름(예 "태울 시기")이 되어 14px 미만 굵은 한글 검사(smallBold)에 걸린다 — 500 으로 */
.s7-cmp__name .ms-xsmall {
  font-weight: 500;
}

.s7-cmp__pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px 16px;
  margin-top: 4px;
  font-size: var(--fs-13);
  line-height: 1.6;
}

@container frame (min-width: 768px) {
  .s7-cmp__pair {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.s7-cmp__lbl {
  display: inline-block;
  min-width: 4.5em;
  margin-right: 6px;
  font-size: var(--fs-12);
  font-weight: 700;
  color: var(--muted-foreground);
}

.s7-cmp__val {
  font-weight: 800;
}

.s7-cmp__src {
  margin-top: 2px;
  font-size: var(--fs-12);
  color: var(--muted-foreground);
}

.s7-cmp__act {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

@container frame (min-width: 768px) {
  .s7-cmp__act {
    align-items: flex-end;
    text-align: right;
  }
}

.s7-cmp__hint {
  font-size: var(--fs-12);
  color: var(--muted-foreground);
}

.s7-blockers {
  padding: 12px 14px;
  border-radius: var(--radius-md);
  background: var(--tag-soon);
  color: var(--foreground);
}

.s7-blockers ul {
  margin-top: 6px;
  padding-left: 18px;
  list-style: disc;
  font-size: var(--fs-13);
  line-height: 1.7;
}

/* 신고 당시 본문 사본 */
.s7-snap {
  padding: 14px 16px;
  border-radius: var(--radius-tile);
  background: var(--muted);
  font-size: var(--fs-14);
  line-height: 1.7;
}

.s7-snap > * + * {
  margin-top: 8px;
}

.s7-snap__label {
  font-size: var(--fs-12);
  font-weight: 800;
  color: var(--muted-foreground);
}

/* 좁은 화면: 조치 버튼은 화면 아래 고정 띠(9장 18.1) */
.s7-actbar {
  position: sticky;
  bottom: 0;
  z-index: 20;
  display: flex;
  gap: 8px;
  margin: 16px -16px -16px;
  padding: 10px 16px;
  border-top: 1px solid var(--border);
  border-radius: 0 0 var(--radius-card) var(--radius-card);
  background: var(--card);
  box-shadow: var(--elevation-card);
}

.s7-actbar > * {
  flex: 1;
  min-width: 0;
  white-space: normal;
}

/* ---------- 상품 등록·편집 ---------- */
.s7-statuscard {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  background: var(--card);
}

@container frame (min-width: 1024px) {
  .s7-statuscard {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding: 18px 20px;
  }
  .s7-statuscard__btns {
    justify-content: flex-end;
    max-width: 330px;
  }
}

.s7-flow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: var(--fs-13);
}

.s7-flow > li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.s7-flow__step {
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  background: var(--muted);
  font-weight: 700;
  color: var(--muted-foreground);
}

.s7-flow__step--done {
  background: var(--tag-done);
  color: var(--tag-done-foreground);
}

.s7-flow > li[aria-current="step"] .s7-flow__step {
  background: var(--secondary);
  color: var(--secondary-foreground);
  box-shadow: inset 0 0 0 1px var(--primary);
}

.s7-flow__arrow {
  color: var(--muted-foreground);
}

.s7-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 16px;
  font-size: var(--fs-13);
  line-height: 1.6;
  color: var(--muted-foreground);
}

.s7-counts strong {
  color: var(--foreground);
}

.s7-formgrid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px 16px;
}

@container frame (min-width: 768px) {
  .s7-formgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container frame (min-width: 1024px) {
  .s7-formgrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.s7-static {
  display: flex;
  align-items: center;
  min-height: var(--touch-main);
  font-size: var(--fs-14);
}

.s7-checks {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0 18px;
}

/* 속성 양식(정의 기반) */
.s7-attrs {
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  background: var(--card);
}

.s7-attrs__title {
  padding: 16px 16px 12px;
  border-bottom: 1px solid var(--border);
  font-size: var(--fs-16);
  font-weight: 800;
}

.s7-attr {
  padding: 16px;
}

.s7-attr + .s7-attr {
  border-top: 1px solid var(--border);
}

.s7-attr__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
}

.s7-attr__name {
  margin-right: 4px;
  font-size: var(--fs-15);
  font-weight: 800;
}

.s7-attr > .ms-help {
  margin-top: 2px;
}

.s7-attr__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
  margin-top: 10px;
  align-items: start;
}

@container frame (min-width: 1024px) {
  .s7-attr__grid--stated {
    grid-template-columns: 1.15fr 1.3fr 1.6fr 0.7fr 1fr;
  }
  .s7-attr__grid--basis {
    grid-template-columns: 1.1fr 1fr 0.95fr 1.5fr 0.6fr 1fr;
  }
  .s7-attr__grid--nis {
    grid-template-columns: 1.15fr 2.2fr 0.7fr 1fr;
  }
  .s7-attr__grid--none {
    grid-template-columns: 1.15fr 3.6fr;
  }
}

.s7-attr .ms-label {
  font-size: var(--fs-13);
}

.s7-attr .ms-input,
.s7-attr .ms-select {
  min-height: var(--touch);
  padding: 0 10px;
  font-size: var(--fs-14);
}

.s7-attr__note {
  margin-top: 8px;
  font-size: var(--fs-13);
  line-height: 1.6;
  color: var(--muted-foreground);
}

.s7-attr__note--inline {
  margin-top: 0;
  align-self: end;
  padding-bottom: 10px;
}

/* 아직 찾아보지 않은 속성: 넓은 화면에서 이름 · 값 상태 · 안내를 한 줄로 */
@container frame (min-width: 1024px) {
  .s7-attr--none {
    display: grid;
    grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
    gap: 16px;
    align-items: end;
  }
  .s7-attr--none .s7-attr__grid {
    margin-top: 0;
    grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
  }
}

.s7-attr .ms-note {
  margin-top: 10px;
}

/* 출처·KC·판매처 줄 카드 */
.s7-srclist {
  display: grid;
  gap: 10px;
}

.s7-rowcard {
  padding: 14px 16px;
  border: 1px solid var(--border);
  border-radius: var(--radius-tile);
  background: var(--card);
}

.s7-rowcard > * + * {
  margin-top: 10px;
}

.s7-rowcard .ms-kv {
  font-size: var(--fs-13);
}

.s7-imgrow {
  display: flex;
  align-items: center;
  gap: 14px;
}

.s7-timeline {
  border: 1px solid var(--border);
  border-radius: var(--radius-tile);
  background: var(--card);
}

.s7-timeline > li {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  padding: 12px 16px;
  font-size: var(--fs-14);
}

.s7-timeline > li + li {
  border-top: 1px solid var(--border);
}

.s7-timeline__at {
  min-width: 9.5em;
  font-weight: 700;
  color: var(--muted-foreground);
}

/* 이용자 화면 미리보기(실제 상세 부품으로) */
.s7-preview {
  max-width: 640px;
  padding: 18px;
  border: 2px dashed var(--pink-line);
  border-radius: var(--radius-card);
  background: var(--background);
}

.s7-preview > * + * {
  margin-top: 10px;
}

.s7-preview__label {
  font-size: var(--fs-12);
  font-weight: 800;
  color: var(--muted-foreground);
}

.s7-preview__name {
  margin-top: 0;
  font-size: var(--fs-23);
  font-weight: 800;
  letter-spacing: -0.03em;
}

.s7-preview__attrs {
  border-top: 1px solid var(--border);
}

.s7-preview__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
  font-size: var(--fs-14);
}

@container frame (min-width: 768px) {
  .s7-preview__row {
    grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
  }
}

.s7-preview__row dt {
  color: var(--muted-foreground);
}

.s7-preview__row dd {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.s7-preview__sellers > * + * {
  margin-top: 8px;
}

.s7-preview__seller {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
  font-size: var(--fs-14);
  font-weight: 700;
}

/* ---------- 통계 ---------- */
.s7-segwrap {
  max-width: 280px;
}

.s7-twocol {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}

@container frame (min-width: 1024px) {
  .s7-twocol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }
}

.s7-total th,
.s7-total td {
  background: var(--pink-pale);
  font-weight: 800;
}

.s7-mask {
  display: inline-block;
  padding: 0 6px;
  border-radius: var(--radius-sm);
  background: var(--muted);
  font-size: var(--fs-12);
  font-weight: 700;
  color: var(--foreground);
}

/* ---------- 폭별로 보이기(맨 끝에 둔다 — 위 규칙의 display 를 이긴다) ---------- */
.s7-ge768,
.s7-ge1024 {
  display: none;
}

@container frame (min-width: 768px) {
  .s7-ge768 {
    display: revert;
  }
  .s7-lt768 {
    display: none;
  }
}

@container frame (min-width: 1024px) {
  .s7-ge1024 {
    display: revert;
  }
  .s7-lt1024 {
    display: none;
  }
  .s7-actbar.s7-lt1024 {
    display: none;
  }
}
/* === end s7 === */

/* ---------- 옮긴 규칙: 예전 css/screens.css 끝 블록(글씨체 숫자 강조 · 14px 미만 규칙 · 작업 2 · 3차 추가 ④⑥)에서 이 화면의 선택자만, 원래 순서대로 ---------- */

/* 3차 수정: 관리자 대시보드 "더 보기" 묶음 */
.s7-cards--more {
  margin-top: 12px;
}

/* ===== 3차 수정 추가 ② 글씨체 — 화면별 숫자 강조는 Nunito =====
 * 하루표 마지막 기록·시각·양, 수정 시트 큰 값·± 단추, 준비표 정리 개수, 관리자 숫자 카드·표 숫자, 비교 막대, 글자 수, 판정 규칙 코드.
 * 한글이 섞이면(예: "2시간 10분 전") 한글은 고운돋움으로 이어 그린다.
 * 줄 양(.cr-row__val "120ml")은 문장 속 숫자와 같게 기본 글씨체(안 D — 숫자·영문은 Nunito 600 이하)로 둔다 — 하루 합계 "분유 450ml"과 같은 모양.
 */
.s7-card__count,
.s7-num,
.ms-table .s7-num,
.s7-tab__count {
  font-family: var(--font-num);
}

.s7-card__count {
  font-weight: 700;
}

/* ==========================================================================
   v3 — 14px 미만 규칙(SPEC 3.2): 한글이 들어간 14px 미만 글자는 굵기 400～600 을 쓴다.
   Noto Sans KR·Pretendard 는 500·600 이 진짜 굵기라 작은 글자 강조에 써도 번지지 않는다. 700 이상은 14px 이상에서만.
   예전(3차 추가 ③) 14px 미만 400 덮어쓰기 블록을 이 규칙으로 바꿨다: 13px 로 두고 400 으로 내렸던 선택자는 500,
   14px 로 올려 굵기를 지킨 선택자는 그대로. QA smallBold 는 "한글 포함 · 14px 미만 · 700 이상"을 잡는다.
   ========================================================================== */
/* 14px 로 올려 굵기 유지 — 작은 제목·버튼·한글이 섞인 숫자 강조 */
.s7-card__go,
.s7-cmp__val {
  font-size: var(--fs-14);
}

/* 400 — 크기 그대로(13px) */
.s7-ops__sum,
.s7-swlist__val,
.s7-total th,
.s7-total td,
.s7-item__title .ms-xsmall {
  font-weight: 500;
}

.s7-total th,
.s7-total td {
  color: var(--foreground);
}

/* 400 + 11～12px → 13px(가늘어 보이지 않게) */
.s7-cmp__lbl,
.s7-mask,
.s7-snap__label {
  font-size: var(--fs-13);
  font-weight: 500;
}

/* 눌러야 열리는 곳(시트·접힌 자세히·관리자 표)도 같은 규칙 */
.s7-attr .ms-label {
  font-size: var(--fs-14);   /* 시트 제목·판매처 이동 글·하루표 조정 버튼("-10분") — 14px 로 올려 굵기 유지 */
}

.s7-counts strong,
.s7-ptable th[scope="row"],
.s7-flow__step,
.s7-attrs__title .ms-small {
  font-weight: 500;
}

.s7-counts strong,
.s7-ptable th[scope="row"] {
  color: var(--foreground);
}

.s7-preview__label {
  font-size: var(--fs-13);
  font-weight: 500;
}