/* R290 — 사진·파일 등록 팝업을 엑셀형 표로(현금마감 팝업과 같은 남색 머리글·격자). 직접 입력 팝업(주변단가·탱크재고) 틀. */
html.vn .today-entry-dialog .tw-xl-table{width:100%;border-collapse:collapse;border:1px solid #b7c6d8;font-size:.92rem;table-layout:fixed}
html.vn .today-entry-dialog .tw-xl-table th,html.vn .today-entry-dialog .tw-xl-table td{border:1px solid #cdd8e5;padding:8px 10px;text-align:left;vertical-align:middle;line-height:1.5}
html.vn .today-entry-dialog .tw-xl-table thead th{background:#1f3b5c;color:#fff;font-size:.95rem;font-weight:800;height:38px}
html.vn .today-entry-dialog .tw-xl-table tbody th{width:96px;background:#eaf2ff;color:#1f3b5c;font-weight:800;text-align:center;white-space:nowrap}
html.vn .today-entry-dialog .tw-xl-table .tw-xl-way th{background:#e8f6ec}
html.vn .today-entry-dialog .tw-xl-table .tw-xl-file th{background:#fff4dc}
html.vn .today-entry-dialog .tw-xl-table .tw-xl-tank th{background:#eaf2ff}
html.vn .today-entry-dialog .tw-xl-table .tw-xl-tip th{background:#f1f4f8;color:#4a5b70}
html.vn .today-entry-dialog .tw-xl-table .tw-xl-tip td{font-size:.82rem;color:#4a5b70;background:#fafcff}
html.vn .today-entry-dialog .tw-xl-table td small{display:block;margin-top:4px;color:#4a5b70;font-size:.78rem}
html.vn .today-entry-dialog .tw-xl-table .today-entry-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0}
html.vn .today-entry-dialog .tw-xl-table .today-entry-actions button{min-height:42px;min-width:120px}
html.vn .today-entry-dialog .tw-xl-table .tw-xl-go td{text-align:right;background:#f4f8fc}
html.vn .today-entry-dialog .tw-xl-table .tw-xl-go button{min-height:44px;min-width:160px}
html.vn .today-entry-dialog .tw-xl-table [data-entry-name]{font-weight:700;overflow-wrap:anywhere}
@media(max-width:540px){html.vn .today-entry-dialog .tw-xl-table tbody th{width:74px;font-size:.8rem}}

/* 직접 입력 팝업(주변단가·탱크재고) — 머리글 + 닫기, 안쪽은 기존 서식 입력 화면 그대로 */
html.vn .today-entry-dialog.tw-manual-dialog{width:min(1100px,calc(100% - 24px))}
html.vn .tw-manual-dialog>header{display:flex;align-items:center;gap:10px;margin:-20px -20px 12px;padding:12px 16px;background:#1f3b5c;color:#fff;border-radius:13px 13px 0 0}
html.vn .tw-manual-dialog>header h2{flex:1;margin:0;font-size:1.05rem;color:#fff}
html.vn .tw-manual-dialog>header p{margin:0;font-size:.82rem;color:#cfe0f5}
html.vn .tw-manual-dialog>header button{min-height:38px;padding:0 14px;border-radius:8px;border:1px solid #9fb3c8;background:#fff;color:#1f3b5c;font-weight:800}
html.vn .tw-manual-dialog .tw-inline-editor{margin:0}

/* R291 — 오늘 할 일 카드: [사이트에서 직접 입력]이 맨 위 진한 단추(카드 색 그대로), [사진 · 파일 등록]은 연한 단추.
   카드 제목은 글자 크기만큼 연한 바탕색 + 한 단계 큰 글자. */
html.vn .vh-field .vh-ftask .vh-fbtn.vh-fmain.vh-fmain.vh-fmain{background:var(--rcd)!important;color:#fff!important;border:1px solid var(--rcd)!important;font-weight:800}
html.vn .vh-field .vh-ftask .vh-fbtn.vh-fmain.vh-fmain.vh-fmain:hover{filter:brightness(1.06)}
html.vn .vh-field .vh-ftask>strong{font-size:1.12rem!important;font-weight:800;letter-spacing:-.01em}
html.vn .vh-field .vh-ftask>strong .vh-ttl{display:inline-block;padding:1px 9px;border-radius:6px;background:color-mix(in srgb,var(--rc) 15%,#fff);color:var(--rcd);box-decoration-break:clone}
@media(max-width:540px){html.vn .vh-field .vh-ftask>strong{font-size:1rem!important}}

/* R292 — 직접 입력 팝업: 창을 끌어 크기 조정(오른쪽 아래 모서리), 안쪽 표는 가로·세로 스크롤이 항상 보이는 위치에, 확대·축소 단추 */
html.vn .today-entry-dialog.tw-manual-dialog[open]{display:flex;flex-direction:column;width:min(1240px,97vw);height:min(90dvh,920px);min-width:420px;min-height:320px;max-width:99vw;max-height:97dvh;padding:0;overflow:hidden;resize:both}
html.vn .tw-manual-dialog>header{margin:0;border-radius:0;flex:0 0 auto}
html.vn .tw-manual-dialog .tw-zoom{display:flex;align-items:center;gap:4px;color:#cfe0f5;font-size:.82rem}
html.vn .tw-manual-dialog .tw-zoom button{min-height:32px;min-width:32px;padding:0 8px;border-radius:6px;border:1px solid #9fb3c8;background:#fff;color:#1f3b5c;font-weight:800}
html.vn .tw-manual-dialog .tw-zoom b{min-width:44px;text-align:center;color:#fff}
html.vn .tw-manual-dialog .tw-inline-editor.form-workspace{flex:1 1 auto;min-height:0;margin:0;padding:8px 14px 12px;border:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden}
html.vn .tw-manual-dialog .tw-inline-editor>*{flex:0 0 auto}
html.vn .tw-manual-dialog .tw-inline-editor>.form-workspace-scroll{flex:1 1 auto;min-height:140px;max-height:none;overflow:scroll}
html.vn .tw-manual-dialog .station-head [data-form-close]{display:none}

/* R295 — 유종 색: 사이트 공통 토큰(--fuel-hi/reg/die/ker/urea, styles.css)만 쓴다. 유종 이름 칸은 진하게(글자 흰색), 값을 고르는 칸(품목)은 연하게+왼쪽 색띠. */
html.vn .tw-manual-dialog td[data-fuel]{font-weight:800;text-align:center}
html.vn .tw-manual-dialog td[data-fuel="hi"]{--xl-bg:var(--fuel-hi)!important;background:var(--fuel-hi)!important;--xl-color:#fff!important;color:#fff!important}
html.vn .tw-manual-dialog td[data-fuel="reg"]{--xl-bg:var(--fuel-reg)!important;background:var(--fuel-reg)!important;--xl-color:#3b2c00!important;color:#3b2c00!important}
html.vn .tw-manual-dialog td[data-fuel="die"]{--xl-bg:var(--fuel-die)!important;background:var(--fuel-die)!important;--xl-color:#fff!important;color:#fff!important}
html.vn .tw-manual-dialog td[data-fuel="ker"]{--xl-bg:var(--fuel-ker)!important;background:var(--fuel-ker)!important;--xl-color:#fff!important;color:#fff!important}
html.vn .tw-manual-dialog td[data-fuel="urea"]{--xl-bg:var(--fuel-urea)!important;background:var(--fuel-urea)!important;--xl-color:#fff!important;color:#fff!important}
html.vn .tw-manual-dialog td[data-fuel-in]{text-align:left}
/* 품목 칸은 진한 유종 색 바탕, 같은 줄의 나머지 칸은 그 유종의 연한 바탕(마감일지의 유종 구분처럼) */
html.vn .tw-manual-dialog tr[data-fuel-row="hi"] td:not([data-fuel]){--xl-bg:var(--fuel-hi-wash)!important;background:var(--fuel-hi-wash)!important}
html.vn .tw-manual-dialog tr[data-fuel-row="reg"] td:not([data-fuel]){--xl-bg:var(--fuel-reg-wash)!important;background:var(--fuel-reg-wash)!important}
html.vn .tw-manual-dialog tr[data-fuel-row="die"] td:not([data-fuel]){--xl-bg:var(--fuel-die-wash)!important;background:var(--fuel-die-wash)!important}
html.vn .tw-manual-dialog tr[data-fuel-row="ker"] td:not([data-fuel]){--xl-bg:var(--fuel-ker-wash)!important;background:var(--fuel-ker-wash)!important}
html.vn .tw-manual-dialog tr[data-fuel-row="urea"] td:not([data-fuel]){--xl-bg:var(--fuel-urea-wash)!important;background:var(--fuel-urea-wash)!important}
html.vn .tw-manual-dialog td[data-fuel-in] select{font-weight:800;color:inherit;background:transparent}

/* R303 — 오늘 할 일 > 월말 재고 입력 창: 유종 색(사이트 공통 토큰)·용량·재고율·합계. 이 창(#periodWorkDialog 안 .pa-table)에서만 */
#periodWorkDialog .pa-table{width:100%;border-collapse:collapse}
#periodWorkDialog .pa-table .pa-n{text-align:right;font-variant-numeric:tabular-nums}
#periodWorkDialog .pa-table .pa-fuel{font-weight:800;text-align:center}
#periodWorkDialog .pa-table td[data-fuel="hi"]{background:var(--fuel-hi);color:#fff}
#periodWorkDialog .pa-table td[data-fuel="reg"]{background:var(--fuel-reg);color:#3b2c00}
#periodWorkDialog .pa-table td[data-fuel="die"]{background:var(--fuel-die);color:#fff}
#periodWorkDialog .pa-table td[data-fuel="ker"]{background:var(--fuel-ker);color:#fff}
#periodWorkDialog .pa-table td[data-fuel="urea"]{background:var(--fuel-urea);color:#fff}
#periodWorkDialog .pa-table tr[data-fuel-row="hi"] td:not(.pa-fuel),#periodWorkDialog .pa-table tr[data-fuel-row="hi"] th{background:var(--fuel-hi-wash)}
#periodWorkDialog .pa-table tr[data-fuel-row="reg"] td:not(.pa-fuel),#periodWorkDialog .pa-table tr[data-fuel-row="reg"] th{background:var(--fuel-reg-wash)}
#periodWorkDialog .pa-table tr[data-fuel-row="die"] td:not(.pa-fuel),#periodWorkDialog .pa-table tr[data-fuel-row="die"] th{background:var(--fuel-die-wash)}
#periodWorkDialog .pa-table tr[data-fuel-row="ker"] td:not(.pa-fuel),#periodWorkDialog .pa-table tr[data-fuel-row="ker"] th{background:var(--fuel-ker-wash)}
#periodWorkDialog .pa-table tr[data-fuel-row="urea"] td:not(.pa-fuel),#periodWorkDialog .pa-table tr[data-fuel-row="urea"] th{background:var(--fuel-urea-wash)}
#periodWorkDialog .pa-table tfoot th,#periodWorkDialog .pa-table tfoot td{background:#d6e6ff;color:#0c447c;font-weight:800;border-top:2px solid #1f3b5c}
#periodWorkDialog .pa-table .pa-curr{width:100%;min-width:110px;text-align:right;background:#fff9db;font-weight:700}
#periodWorkDialog .pa-table .pa-pct.pa-over{color:#b42318;font-weight:800}
#periodWorkDialog .pa-table .pa-ref{font-size:.82rem}