/* 화면 폭을 다 쓰고 바닥에 붙음. 한 층 올려 바닥 액션 바와 작성창 위에 옴 */
.bottom-sheet {
  position: fixed;
  inset: 0;
  z-index: var(--layer-raised);
  display: grid;
  align-content: end;
}
.bottom-sheet__scrim {
  position: absolute;
  inset: 0;
  background: var(--surface-scrim);
}
.bottom-sheet__box {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-stack-sm);
  height: var(--measure-sheet);
  padding: var(--space-inset-sm);
  border-top: var(--border-width) solid var(--border-strong);
  background: var(--surface-raised);
}
.bottom-sheet__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-inline-sm);
}
.bottom-sheet__title { font-size: var(--font-body); }
.bottom-sheet__close {
  font: inherit;
  font-size: var(--font-label);
  min-height: var(--measure-hit-min);
  padding: var(--space-inset-xs) var(--space-inset-sm);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius);
  color: var(--text-default);
  background: var(--surface-raised);
  white-space: nowrap;
  cursor: pointer;
}
.bottom-sheet__close:focus-visible { outline: var(--border-width) solid var(--focus-ring); }

/* 제목과 닫기와 머리(버튼 줄)는 제자리에 두고 목록만 밀림. 밀리는 칸은 시트 안에 이 하나뿐임 */
.bottom-sheet__head { flex: none; }
.bottom-sheet__body { flex: 1; min-height: 0; overflow-y: auto; }