/* R346 — 오늘 업무(소장 홈) 폰 화면: 시안 A 모양(사용자 선택 2026-11-05, 높이는 시안보다 조금 낮춤).
 * 폰(≤720px)에서만 적용한다: 카드는 한 줄에 하나, 위에 아이콘·이름·상태, 큰 '직접 입력' 단추, 보고 상태 줄, '더보기'를 누르면 사진·파일·서식·올린 자료.
 * 입력 방식(마감일지는 카드 아래 칸, 나머지는 팝업)·단추 동작은 그대로. PC 는 바꾸지 않는다. 이 화면(.vh-field .vh-ftask) 선택자만 쓴다. */
.vh-fmore-btn{display:none}
@media (max-width:720px){
  html.vn .vh-field .vh-fstation>.vh-fgrid:not(.vh-fgrid-period){grid-template-columns:1fr!important;gap:10px!important}
  html.vn .vh-field article.vh-ftask{
    gap:9px 8px!important;padding:12px 13px!important;border-radius:16px!important;
    border:1px solid #d8e1ee!important;border-top:1px solid #d8e1ee!important;background:#fff!important;box-shadow:none!important;align-items:center}
  html.vn .vh-field article.vh-ftask.open{border:2px solid #e8590c!important}
  html.vn .vh-field article.vh-ftask>.vh-ftask-ic{order:1;flex:0 0 34px;width:34px!important;height:34px!important;border-radius:10px!important;background:var(--rcd)!important;color:#fff!important}
  html.vn .vh-field article.vh-ftask>.vh-ftask-ic svg{width:19px;height:19px}
  html.vn .vh-field article.vh-ftask>strong{order:2;flex:1 1 0;font-size:1.18rem!important}
  html.vn .vh-field article.vh-ftask>strong .vh-ttl{background:none!important;padding:0!important;color:#1b2a41!important;border-radius:0!important}
  html.vn .vh-field article.vh-ftask>.vh-pill{order:3;font-size:.82rem;padding:3px 10px;border-radius:999px;line-height:1.3}
  html.vn .vh-field article.vh-ftask>small{order:4;flex:1 1 100%;font-size:.84rem;color:#56677f;-webkit-line-clamp:1}
  html.vn .vh-field article.vh-ftask.done>small{display:none}
  html.vn .vh-field article.vh-ftask>.vh-fbtn.vh-fmain.vh-fmain{order:5;flex:1 1 100%;min-height:50px!important;padding:12px 8px!important;font-size:1rem!important;font-weight:800;border:0!important;border-radius:11px!important;background:var(--rcd)!important;color:#fff!important}
  html.vn .vh-field article.vh-ftask>.rb-row{order:6;flex:1 1 100%;flex-wrap:nowrap;margin:0;padding:8px 10px;border-radius:10px;gap:8px}
  html.vn .vh-field article.vh-ftask>.rb-row .rb-chip{font-size:.88rem;font-weight:700;line-height:1.3}
  html.vn .vh-field article.vh-ftask>.rb-row .rb-btn{flex:0 0 auto;min-height:40px;padding:8px 12px;font-size:.88rem;white-space:nowrap;border-radius:9px}
  html.vn .vh-field article.vh-ftask>.rb-row .rb-msg{flex:1 1 100%}
  html.vn .vh-field article.vh-ftask>.vh-fmore-btn{order:7;flex:1 1 100%;display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:2px 2px;background:none;border:0;font:inherit;font-size:.92rem;font-weight:700;color:#33475f;cursor:pointer}
  /* 더보기를 눌러야 보이는 것: 사진·파일 등록, 원본서식 다운로드, 올린 사진·파일 확인, 송장사진 등록 */
  html.vn .vh-field article.vh-ftask:not(.more-open) :is(.vh-fsoft,.tw-task-download,.vh-fcheck){display:none!important}
  html.vn .vh-field article.vh-ftask.more-open>:is(.vh-fsoft,.tw-task-download,.vh-fcheck),
  html.vn .vh-field article.vh-ftask.more-open .tw-task-download>.vh-fbtn{order:8}
  html.vn .vh-field article.vh-ftask.more-open>.vh-fbtn.vh-fsoft,
  html.vn .vh-field article.vh-ftask.more-open .tw-task-download>.vh-fbtn[data-form-download]{flex:0 1 auto;min-height:40px!important;padding:8px 12px!important;font-size:.88rem!important;font-weight:600;border-radius:9px!important;background:#fff!important;color:#1d3a66!important;border:1px solid #c3d0e4!important}
  html.vn .vh-field article.vh-ftask.more-open>.vh-fcheck{display:flex!important;flex:1 1 100%;flex-wrap:wrap;gap:7px;margin:0}
  html.vn .vh-field article.vh-ftask.more-open>.vh-fcheck .vh-flink{min-height:40px;padding:8px 12px;font-size:.88rem;color:#1d3a66;border:1px solid #c3d0e4;border-radius:9px;background:#fff;text-decoration:none}
  /* 폰에서 탱크재고·주변단가·현금마감 "직접 입력" 팝업이 화면보다 넓어(420>390) 오른쪽 "닫기"가 화면 밖으로 밀리고 단추 글자가 "맞/춤"으로 끊기던 것 */
  dialog.tw-manual-dialog{width:100vw!important;min-width:0!important;max-width:100vw!important;margin:0!important;border-radius:0!important}
  dialog.tw-manual-dialog>header{flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important}
  dialog.tw-manual-dialog>header>div:first-child{flex:1 1 100%;min-width:0}
  dialog.tw-manual-dialog .tw-zoom{flex:1 1 auto;display:flex;gap:4px;flex-wrap:nowrap}
  dialog.tw-manual-dialog>header button{white-space:nowrap!important;word-break:keep-all!important;min-height:40px;padding:0 12px}
}