/* 일용직관리 화면을 유지관리·하자관리·농장관리와 같은 모양으로 맞추는 공통 스타일 (각 화면 <head> 맨 끝에서 불러옵니다) */
.hdr { border: 0 !important; background: none !important; margin: 0 0 8px !important; padding: 0 !important; gap: 4px; align-items: center !important; }
.hdr > * { padding: 0 4px !important; }
.hdr .l { background: none !important; color: var(--ink) !important; font-weight: 700; padding-left: 0 !important; margin-left: 10px; }
.hdr .l:first-child { margin-left: 0; }
.hdr .m { border: 1px solid #b9c0cf !important; background: #fff !important; border-radius: 3px; min-width: 44px; height: 26px; outline: 0 !important; margin-right: 2px; padding: 0 6px !important; }
.hdr .m:hover { background: #eaf3ff !important; }
.hdr .m.on { background: #0a8cc9 !important; color: #fff; border-color: #0a8cc9 !important; font-weight: 700; }
.hdr .m.q { background: #eef2f9 !important; }
.hdr .push { margin-left: auto; }
.hdr .btn.ol { color: #0a6fb0; border-color: #0a8cc9; }
.hdr select, .hdr input[type=text], .hdr input:not([type]) { height: 26px; font: inherit; }
td.no { background: none !important; font-weight: 400 !important; text-align: center; }
table.t tfoot td { background: #f0f2f7 !important; color: var(--ink); }
.pgfoot { display: flex; gap: 8px; justify-content: center; align-items: center; margin-top: 8px; flex: none; }
.pgfoot .btn { height: 30px; padding: 2px 18px; }
.btn.dark { font-weight: 700; padding-left: 22px; padding-right: 22px; }
.rbar { border: 0 !important; background: none !important; gap: 6px; padding: 0 0 6px !important; }
.rbar .l, .bar .l { background: none !important; color: var(--ink) !important; font-weight: 700; padding: 0 !important; }
.bar { border: 0 !important; background: none !important; }
.hdr .btn.ol { height: 26px; }
.info { border: 0 !important; margin-bottom: 8px !important; }
.info > div { padding: 0 4px !important; }
.info .l { background: none !important; color: var(--ink) !important; font-weight: 700; margin-left: 10px; } .info .l:first-child { margin-left: 0; }

/* ---- 보기 좋게 다듬기 ---- */
body { padding: 10px 16px 12px !important; }
h1 { font-size: 20px; letter-spacing: -.3px; margin-bottom: 2px; }
.top { margin-bottom: 10px !important; }
.btn { height: 28px; border-radius: 5px; transition: background .12s, border-color .12s, box-shadow .12s; }
.btn:hover:not(:disabled) { background: #f1f5fb; border-color: #8fa0bf; }
.btn.blue:hover:not(:disabled) { background: #0879b0; border-color: #0879b0; }
.btn.dark:hover:not(:disabled) { background: #1b1f27; }
.btn.blue, .btn.dark { box-shadow: 0 1px 2px rgba(20,40,80,.18); }
select, input[type=text], input:not([type]), input[type=date], input[type=number] { border: 1px solid #b9c0cf; border-radius: 4px; padding: 0 6px; background: #fff; }
select:focus, input:focus { outline: 2px solid #5aa9e6; outline-offset: -1px; }
.hdr { padding: 8px 10px !important; background: #f4f6fa !important; border: 1px solid #e1e5ee !important; border-radius: 6px; margin-bottom: 10px !important; }
.hdr .m { background: #fff !important; }
.lst, .wrap, .paper { border: 1px solid #d9deea !important; border-radius: 6px; box-shadow: 0 1px 3px rgba(20,40,80,.06); }
table.t th { font-weight: 600; letter-spacing: -.2px; border-color: #8793ae !important; }
table.t td { border-color: #e3e7f0 !important; font-variant-numeric: tabular-nums; }
table.t tbody tr:nth-child(even) td { background-color: #fafbfe; }
table.t tbody tr:hover td { background-color: #eef5ff; }
table.t tbody tr.on td { background-color: #fff3b8 !important; }
table.t tfoot td { font-weight: 700; border-top: 2px solid #aeb8cf !important; }
.pgfoot { margin-top: 12px; }
.note { background: #f7f9fc; border: 1px solid #e6eaf2; border-radius: 6px; padding: 7px 12px; margin-top: 10px !important; line-height: 1.6; }
.rbar { padding: 0 0 8px !important; }

/* ---- 겹침·잘림 방지 + 좁은 화면 서랍 ---- */
.info, .info > div, .hdr, .hdr > *, .rbar, .rbar label, .bar { white-space: nowrap; }
.info { flex-wrap: wrap; row-gap: 6px; }
.main, .main > * { min-width: 0; }
.main > .col, .main > .mid, .main > .right, .main > .side { min-width: 0; }
.lst > table.t { min-width: 880px; }
#drawer-toggle { display: none; }
#drawer-back { display: none; }
.drawer-x { display: none; }
@media (max-width: 1499px) {
    #drawer-toggle { display: inline-flex; align-items: center; }
    #drawer-toggle { margin-left: auto; margin-right: 8px; }
    .main.has-drawer { grid-template-columns: minmax(0, 1fr) !important; }
    .drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(470px, 94vw); background: #fff; z-index: 60; padding: 10px; box-shadow: -6px 0 22px rgba(0,0,0,.28); transform: translateX(108%); transition: transform .18s ease; overflow: auto !important; display: flex; flex-direction: column; }
    .drawer.drawer-left { right: auto; left: 0; box-shadow: 6px 0 22px rgba(0,0,0,.28); transform: translateX(-108%); }
    body.drawer-open .drawer { transform: none; }
    body.drawer-open #drawer-back { display: block; position: fixed; inset: 0; background: rgba(15,25,45,.35); z-index: 55; }
    .drawer-x { display: inline-block; align-self: flex-end; margin-bottom: 6px; flex: none; }
    .hdr .m { min-width: 36px; padding: 0 4px !important; }
    .hdr select[id=f-site] { min-width: 0 !important; max-width: 300px; }
}
/* 사원등록: 좁을 때 왼쪽 필터는 서랍, 가운데 목록은 가로 스크롤 */
@media (max-width: 1499px) { .main.has-drawer.wk { grid-template-columns: minmax(0, 1fr) 440px !important; } .wk .mid .lst > table.t { min-width: 760px; } .wk .mid .bar { flex-wrap: wrap; row-gap: 4px; } }