/*
 * V171 — 학부모앱 차량 요청/이력 카드의 버튼 세로 줄바꿈 수정
 *
 * 원칙
 * - 색은 선언하지 않는다. 색 소유자는 /assets/warm-light-v153.css 다.
 * - guardian/index.html 에서 warm-light-v153.css 다음에 로드한다.
 *
 * 증상(2026-08-31 스크린샷)
 * - "반영 취소 요청", "이 기록 숨기기" 버튼이 한 글자씩 세로로 쪼개져 보인다.
 * - 원인: guardian/style.css 의 .request-item{display:flex;justify-content:space-between}
 *   에 본문 div + 취소 버튼 + (JS가 나중에 붙이는) 숨기기 버튼까지 3개가 들어가면서
 *   버튼 두 개가 min-content 폭까지 찌그러진다. 카드 높이도 같이 늘어난다.
 */

.request-item{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
  gap:12px 8px!important;
}

/* 본문 블록은 항상 한 줄 전체를 쓴다. */
.request-item>div{
  grid-column:1/-1!important;
  min-width:0!important;
}

/* 버튼은 아래 줄에 나란히. 글자는 절대 쪼개지 않는다. */
.request-item>button{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  margin:0!important;
  padding:12px 10px!important;
  border-radius:13px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-weight:850!important;
}

/* 버튼이 하나뿐이면 폭 전체를 쓴다. */
.request-item>button:only-of-type{
  grid-column:1/-1!important;
}

/* final-fixes-v64.css 의 .history-hide{margin-left:auto} 를 그리드에서 무력화. */
.request-item>.history-hide{
  margin-left:0!important;
}

/* 아주 좁은 화면(320px)에서는 한 줄에 하나씩. */
@media(max-width:359px){
  .request-item{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .request-item>button{
    grid-column:1/-1!important;
  }
}

/* 세션 유지 안내(로그인 화면 대신 표시되는 복구 배너)의 기하만 정의한다. */
.guardian-session-resume{
  display:none;
  margin:16px 0;
  padding:18px;
  border-width:1px;
  border-style:solid;
  border-radius:18px;
}
.guardian-session-resume.on{display:block}
.guardian-session-resume b{display:block;margin-bottom:6px;font-size:1.05rem}
.guardian-session-resume p{margin:0;line-height:1.6}
.guardian-session-resume button{
  width:100%;
  min-height:48px;
  margin-top:14px;
  border-radius:14px;
  font-weight:900;
}