/* 폰·터치 화면에서 Frappe 화면(로그인·Desk 목록)의 크기 — EDS 「20 기초」의 누르는 곳 48px · 꼭 읽는 글 15px · 입력 16px.
 *
 * 왜: 10/2 모바일 전 화면 전수조사에서 폰 로그인 칸·버튼이 28px·입력 글자 14px, 금형 수리 목록에 48px 미만 누르는 곳 63개
 * (euidos-mobile tools/eds-audit.mjs). 시트(mobile_sheet.js)는 EDS 를 따르는데, 그 시트에서 「…보기」로 여는 Frappe 화면은
 * 데스크톱 크기 그대로였다 — 장갑 낀 손가락이 이 화면들을 오간다.
 * 어디까지: 크기 규칙은 폰(폭 767px 이하)과 손가락 태블릿(pointer: coarse 이고 폭 1100px 이하) — mes_anp ssc.html 의 PHONE 과 같은 경계.
 * 배치 규칙(찾기 칸 한 줄·버튼 줄)은 폰 폭에서만: 손가락 태블릿(800×1280)에 폰 배치를 얹었더니 목록 필터 열 칸이 기둥으로 쌓이고
 * 「필터」 단추가 약 640px 로 늘어났다(재전수조사 10/2 F46). 크기·간격만 바꾸고 색은 Frappe 그대로(강조색은 팀 결정 전).
 * 층: 지금은 gateway(hooks app_include_css·web_include_css) — 모든 고객 사이트의 Frappe 화면에 같은 규칙이 필요한 일이라
 * 장기적으로는 코어(mes-euidos)가 맞다(제안: 장훈 님 — euidos-mobile docs/structural-backlog.md).
 */
@media (max-width: 767px), (pointer: coarse) and (max-width: 1100px) {
	/* ── 로그인·비밀번호 찾기 (web) */
	/* Frappe 로그인 입력 규칙(.for-login .page-card .page-card-body input[type=…])보다 한 칸 더 구체적으로 */
	.login-content.page-card .page-card-body .form-group input.form-control { font-size: 16px; min-height: 48px; }
	.login-content .form-label { font-size: 15px; }
	.login-content .btn-block { min-height: 48px; font-size: 17px; font-weight: 600; }
	.login-content .page-card-subtitle { font-size: 15px; }
	.login-content .forgot-password-message a { display: inline-flex; align-items: center; min-height: 48px; font-size: 15px; }
	.login-content .field-icon { top: 50%; transform: translateY(-50%); }
	/* 눈 아이콘은 svg 자체 — 그림은 16px 그대로, 둘레 16px 를 눌리는 곳으로(48px) */
	.login-content .toggle-password { width: 16px; height: 16px; padding: 16px; box-sizing: content-box; top: 50%; transform: translateY(-50%); right: 0; }
	.login-content .email-field .form-control, .login-content .password-field .form-control { padding-left: 40px; }
	.login-content .password-field .form-control { padding-right: 48px; }
	.login-error-banner { font-size: 15px; }

	/* ── Desk 머리·목록 도구 줄: 아이콘 버튼은 48px 사각, 글자 버튼은 높이 48px */
	.page-head .page-actions .btn, .page-head .menu-btn-group .btn, .page-head .sidebar-toggle-btn,
	.standard-filter-section .btn, .filter-section .btn, .sort-selector .btn, .list-paging-area .btn,
	.page-form .btn { min-height: 48px; min-width: 48px; }
	.page-head .sidebar-toggle-btn { display: flex; align-items: center; justify-content: center; }
	.standard-filter-section .form-control, .page-form .form-control { font-size: 16px; min-height: 48px; }
	.list-paging-area .btn-group .btn { padding-left: 12px; padding-right: 12px; }
	.page-head .navbar-modal-search-mobile .search-icon { display: flex; align-items: center; justify-content: center; min-width: 48px; min-height: 48px; }

	/* ── 사이드바(태블릿 폭에서 보인다 — 800×1280 터치에서 항목 28px·펼치기 단추 28px, 전수조사 10/2): 항목 줄과 단추를 48px */
	.standard-sidebar-item { min-height: 48px; }
	.standard-sidebar-item .item-anchor { min-height: 48px; display: flex; align-items: center; }
	.standard-sidebar-item .sidebar-item-control .drop-icon, .standard-sidebar-item .sidebar-item-control .btn-reset, .sidebar-header .drop-icon { min-width: 48px; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; }

	/* ── 목록 줄: 줄 전체가 누르는 곳(Frappe 그대로)이라 높이만. 고르기 칸은 폰에서 숨긴다 — 20px 칸을 장갑으로 잘못 눌러
	 *    여러 건이 골라졌다(전수조사 10/2). 여러 건 한꺼번에 하기는 PC 에서 */
	.list-row-container .list-row { min-height: 56px; }
	.list-row .list-row-checkbox, .list-row-head .list-check-all, .list-row-head .list-header-subject .list-check-all { display: none; }
	.list-row .list-subject { font-size: 15px; }
	/* 줄 제목 링크·화면 제목 링크: 모양은 그대로, 위아래 여백으로 누르는 곳만 48px(글 23px + 13·13 / 16 + 16·16) */
	.list-row .list-subject a.ellipsis { padding-top: 13px; padding-bottom: 13px; margin-top: -13px; margin-bottom: -13px; }
	.page-head .title-area .title-text, .page-head .navbar-breadcrumbs li > a { display: inline-block; padding-top: 16px; padding-bottom: 16px; margin-top: -16px; margin-bottom: -16px; }
	.list-row .list-row-col, .list-row .list-subject .level-item { font-size: 15px; }
	.list-count, .list-row-head .list-count { font-size: 15px; }
}

/* ── 폰 폭에서만: 목록 머리의 배치. 48px 버튼이 한 줄에 다 안 들어간다(360 폭: 찾기 칸 + 버튼 다섯) — 찾기 칸은 한 줄 전체,
 *    버튼은 그 아래 한 줄로 가지런히. 그냥 두면 버튼이 제멋대로 두 줄로 흩어졌다. 태블릿 폭에는 Frappe 의 배치(필터 칸이 가로로)가 맞다 */
@media (max-width: 767px) {
	.page-form .filter-section { flex-wrap: wrap; gap: 8px; justify-content: flex-start !important; }
	.page-form .filter-section .sort-selector { margin-left: auto; }
	.page-form .filter-section .mobile-id-filter { flex: 1 1 100%; }
	.page-form .filter-section .mobile-id-filter .form-group { max-width: none; width: 100%; margin-bottom: 0; }
	.page-form .filter-section .filter-selector { display: flex; gap: 8px; margin-left: 0 !important; }
	.page-form .filter-section .filter-selector .btn-group, .page-form .filter-section .sort-selector .btn-group { margin: 0; }
}

/* ── 손가락 태블릿 폭(768~1100, pointer: coarse)에서만: 목록 필터. Frappe 는 이 폭에서 필터 열 칸을 버튼 옆 좁은 기둥(한 줄에 하나)에 넣어
 *    48px 칸 열 개가 목록을 화면 절반 아래로 밀었다(800×1280, 첫 줄 729px — 재전수조사 10/2 F46). 버튼 묶음(필터·정렬)을 제 줄로 보내
 *    필터 칸이 한 줄에 셋씩 놓이게 하고, 칸 사이는 8px(48px 칸끼리 EDS 최소 간격) — 첫 줄 374px */
@media (pointer: coarse) and (min-width: 768px) and (max-width: 1100px) {
	.page-form .standard-filter-section .form-group { margin-top: 4px; margin-bottom: 4px; }
	.page-form .filter-section { flex: 1 1 100%; align-self: flex-start; align-items: center; justify-content: flex-end; gap: 8px; }
}