/* =========================================================
   업무일지 모드 (의료창고 MES 위장 스킨)
   ========================================================= */
body.work{
  --w-navy:#13294B; --w-cobalt:#1F5FD1; --w-bg:#F4F7FB; --w-surf:#FFFFFF; --w-line:#DDE3EC; --w-ink:#1B2433; --w-muted:#6B7686; --w-head:#EEF3FA; --w-sel:#E7F0FF; --w-red:#C0392B;
  font-family:Pretendard,"Pretendard Variable","Apple SD Gothic Neo","Malgun Gothic","IBM Plex Sans KR",sans-serif;
  font-size:14px;background:var(--w-bg);color:var(--w-ink)
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) body.work{--w-navy:#0B1830;--w-cobalt:#5B8DEF;--w-bg:#121822;--w-surf:#18202C;--w-line:#2A3444;--w-ink:#E2E8F0;--w-muted:#8D98AA;--w-head:#1E2836;--w-sel:#1C2B45;--w-red:#E0735F}
}
:root[data-theme="dark"] body.work{--w-navy:#0B1830;--w-cobalt:#5B8DEF;--w-bg:#121822;--w-surf:#18202C;--w-line:#2A3444;--w-ink:#E2E8F0;--w-muted:#8D98AA;--w-head:#1E2836;--w-sel:#1C2B45;--w-red:#E0735F}
body.work .jua,body.work .title,body.work .brand h1,body.work .day{font-family:inherit}
body.work .topbar{display:flex;align-items:center;gap:22px;background:var(--w-navy);color:#fff;padding:0 18px;height:46px;flex:none}
.tb-logo{font-weight:700;font-size:12px;letter-spacing:-.02em;white-space:nowrap}
.tb-logo span{font-weight:500;font-size:12px;opacity:.7;margin-left:6px}
.tb-tabs{display:flex;gap:2px;height:100%;overflow:hidden}
.tb-tabs span{display:flex;align-items:center;padding:0 12px;font-size:12px;color:rgba(255,255,255,.72);white-space:nowrap}
.tb-tabs span.on{color:#fff;font-weight:600;box-shadow:inset 0 -3px 0 #6FA0FF}
.tb-user{margin-left:auto;font-size:12px;color:rgba(255,255,255,.8);white-space:nowrap}
body.work .brand,body.work .moods,body.work .moodnow,body.work .rlbtn,body.work .send svg,body.work .hbtn kbd{display:none}
body.work .wtxt{display:inline}
body.work .side{background:var(--w-surf);color:var(--w-ink);border-right:1px solid var(--w-line);padding:14px 10px}
body.work .sect{color:var(--w-muted);font-size:12px;font-weight:600;padding:12px 8px 6px;border-top:1px solid var(--w-line);margin-top:8px}
body.work #sectCh{border-top:0;margin-top:0}
body.work .ch{color:var(--w-ink);border-radius:4px;padding:7px 10px;font-size:13.5px}
body.work .ch:hover{background:var(--w-head)}
body.work .ch[aria-current="true"]{background:var(--w-sel);color:var(--w-cobalt);font-weight:600;box-shadow:inset 3px 0 0 var(--w-cobalt)}
body.work .ch .em{display:none}
body.work .ch .cnt{background:none;color:var(--w-cobalt);font-family:inherit;font-weight:600;padding:0}
body.work .newch input{background:var(--w-surf);border:1px solid var(--w-line);border-radius:4px;color:var(--w-ink)}
body.work .newch input::placeholder{color:var(--w-muted)}
body.work .newch button{border:1px solid var(--w-line);color:var(--w-ink);border-radius:4px;background:var(--w-surf)}
body.work .moodsel{display:block;width:calc(100% - 8px);margin:0 4px;background:var(--w-surf);border:1px solid var(--w-line);border-radius:4px;padding:6px 8px;color:var(--w-ink)}
body.work .team li{padding:5px 6px}
body.work .av,body.work .av img{width:22px;height:22px}
body.work .av.on::after{width:8px;height:8px;border-color:var(--w-surf);background:#2FA36B}
body.work .team .tn{font-size:13px}
body.work .team .ts{color:var(--w-muted);font-size:12px}
body.work .team .none{color:var(--w-muted)}
body.work .chat{background:var(--w-bg);background-image:none}
body.work .head{background:var(--w-surf);border-bottom:1px solid var(--w-line);padding:10px 18px}
body.work .title{font-size:15px;font-weight:600;color:var(--w-ink)}
body.work .title .crumb{color:var(--w-muted);font-weight:400}
body.work .hbtn,body.work .hbtn.panic{background:var(--w-surf);color:var(--w-ink);border:1px solid var(--w-line);border-radius:4px;font-family:inherit;font-size:13px;padding:5px 12px}
body.work .hbtn.panic{color:var(--w-cobalt);border-color:var(--w-cobalt)}
body.work .clock{background:var(--w-surf);border-bottom:1px solid var(--w-line);padding:7px 18px 9px}
body.work .clock-top{font-size:12px;color:var(--w-muted)}
body.work .clock-top b{font-family:inherit;font-weight:600;font-size:12.5px;color:var(--w-ink)}
body.work .track{height:6px;border-radius:2px;background:var(--w-head);border:0}
body.work .fill{background:var(--w-cobalt);border-radius:2px}
body.work .msgs{padding:12px 18px 6px;display:block}
body.work .empty{color:var(--w-muted);padding:60px 0;text-align:center;max-width:none}
.log{width:100%;border-collapse:collapse;background:var(--w-surf);border:1px solid var(--w-line);font-size:12px}
.log th{position:sticky;top:-12px;background:var(--w-head);color:var(--w-muted);font-weight:600;font-size:12px;text-align:left;padding:7px 10px;border-bottom:1px solid var(--w-line);white-space:nowrap}
.log td{padding:7px 10px;border-bottom:1px solid var(--w-line);vertical-align:top}
.log td.no,.log td.tm{color:var(--w-muted);white-space:nowrap;font-variant-numeric:tabular-nums;width:1%}
.log td.au{white-space:nowrap;width:1%;font-weight:500}
.log td.au.me{color:var(--w-cobalt)}
.log td.ct{white-space:pre-wrap;overflow-wrap:anywhere}
.log td.ct a{color:var(--w-cobalt)}
.log td.ap{white-space:nowrap;width:1%}
.log tr.r{cursor:pointer}
.log tr.r:hover td{background:var(--w-sel)}
.log tr.r.pending td{opacity:.6}
.log tr.dayrow td{background:var(--w-bg);color:var(--w-muted);font-size:12px;font-weight:600;padding:5px 10px}
.log tr.actrow td{background:var(--w-sel);padding:6px 10px}
.ap-tag{display:inline-block;font-size:12px;border:1px solid currentColor;border-radius:3px;padding:0 5px;margin-right:4px;line-height:1.6}
.ap-tag.mine{font-weight:700}
.ap-ok{color:var(--w-red)} .ap-no{color:#5A6B85} .ap-lol{color:#8A6D1E} .ap-agree{color:#2A7A4B} .ap-coffee{color:#7A5634}
.actrow button{font-family:inherit;font-size:12px;background:var(--w-surf);border:1px solid var(--w-line);border-radius:3px;padding:3px 10px;margin-right:4px;color:var(--w-ink)}
.actrow button.on{border-color:var(--w-cobalt);color:var(--w-cobalt);font-weight:600}
.actrow button.del{color:var(--w-muted)}
.actrow button.del.sure{color:var(--w-red);border-color:var(--w-red)}
.log.masked tr.r:not(:hover):not(.open) td.ct .real{display:none}
.log.masked tr.r:hover td.ct .mk,.log.masked tr.r.open td.ct .mk{display:none}
.log:not(.masked) td.ct .mk{display:none}
.mk{color:var(--w-muted);letter-spacing:.05em}
body.work .typing{color:var(--w-muted);font-size:12px;padding:2px 20px 0}
body.work .compose{padding:6px 18px 14px;gap:6px}
body.work .compose textarea{border-radius:4px;border:1px solid var(--w-line);background:var(--w-surf);color:var(--w-ink);min-height:40px;padding:9px 12px}
body.work .compose textarea:focus{border-color:var(--w-cobalt)}
body.work .send{width:auto;height:40px;border-radius:4px;background:var(--w-cobalt);color:#fff;padding:0 18px;font-weight:600}
body.work .sigh{width:auto;height:40px;border-radius:4px;border:1px solid var(--w-line);background:var(--w-surf);font-size:13px;padding:0 12px;color:var(--w-ink)}
body.work .panel{border-radius:6px}
body.work .panel h2{font-family:inherit;font-weight:700;font-size:16px}
body.work .panel .close{border-radius:4px;background:var(--w-cobalt)}
.notice{position:fixed;top:56px;right:16px;z-index:45;background:var(--w-surf);color:var(--w-ink);border:1px solid var(--w-line);border-left:3px solid var(--w-cobalt);border-radius:4px;padding:9px 14px;font-size:12px;box-shadow:0 4px 14px rgba(0,0,0,.08);max-width:80vw}
@media (max-width:760px){
  body.work .tb-tabs,body.work .tb-user{display:none}
  body.work .side{background:var(--w-surf)}
  body.work .msgs{padding:8px 8px 4px}
  .log td.no,.log th.no,.log td.ap:empty{display:none}
  .log td,.log th{padding:6px 7px}
}