/* 3.12.27 강조형 (hand; 3.12.27 «한 손형» → 3.12.28 «선명형» → 3.12.30 «강조형») = 디자인 방향 «안 C 현장·한 손 조작형» 원형
   위 남색은 보기 영역, 아래 흰 시트는 조작 영역. 56px 버튼, 색을 채운 상태 표시, 줄 전체를 눌러 연다.
   색: 보기 #0f2f5c · 조작 #fff · 글자 #111827 · 주의 #e8590c(글자 얹는 면은 #cc4d0a) · 완료 #1b8a3a(글자 얹는 면 #1a7f37) · 기한 경과 #c92a2a · 강조 #ffb347
   업무 앱(첫 화면·조사·목록·검토·지도·배정·운영·설정)과 시설 자료·관리 앱(사이드바·머리·카드·표·현황판)에 함께 적용한다. */
[data-skin=hand]{--bg:var(--color-paint-fff);--panel:var(--color-paint-fff);--line:var(--color-line-e5e7eb);--line-soft:var(--color-line-f0f1f3);--txt:var(--color-ink-111827);--sub:var(--color-ink-4b5563);--faint:var(--color-ink-6b7280);--pri:var(--color-paint-0f2f5c);--pri-d:var(--color-paint-0a2242);--pri-soft:var(--color-paint-e6edf7);--r:18px;--r-sm:14px;--shadow:none;--shadow-md:0 6px 18px var(--color-shadow-7b0ef169cc);
 --hn-navy:var(--color-paint-0f2f5c);--hn-navy2:var(--color-paint-173d72);--hn-acc:var(--color-paint-ffb347);--hn-w:var(--color-paint-e8590c);--hn-wt:var(--color-paint-cc4d0a);--hn-ws:var(--color-paint-fff0e6);--hn-wb:var(--color-paint-ffc9a3);--hn-o:var(--color-paint-1b8a3a);--hn-ot:var(--color-paint-1a7f37);--hn-os:var(--color-paint-e7f6ec);--hn-r:var(--color-paint-c92a2a);--hn-rs:var(--color-paint-fdecec);--hn-am:var(--color-paint-b45309);--hn-as:var(--color-paint-fff0d6);--hn-gray:var(--color-paint-f3f4f6);
 --chart-1:var(--color-paint-0f2f5c);--chart-2:var(--color-paint-3d6fb6);--chart-hot:var(--color-paint-c92a2a);--chart-warm:var(--color-paint-e8590c);
 --hi-warn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 20h20zM12 9v5M12 17h.01'/%3E%3C/svg%3E");
 --hi-edit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16zM14 6l4 4'/%3E%3C/svg%3E");
 --hi-ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E");
 --hi-sign:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4h6l1 2h3v14H5V6h3zM9 13l2 2 4-4'/%3E%3C/svg%3E");
 --hi-send:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V7M6 12l6-6 6 6'/%3E%3C/svg%3E");
 --hi-go:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E");
 --hi-cam:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E")}
.wl-todo{display:none}
[data-skin=hand] body{background:var(--color-surface-fff);color:var(--txt)}
[data-skin=hand] .work-app{--bg:var(--color-paint-fff);--line:var(--color-line-e5e7eb);--txt:var(--color-ink-111827);--sub:var(--color-ink-4b5563);--pri:var(--color-paint-0f2f5c);--pri-soft:var(--color-paint-e6edf7);background:var(--color-surface-fff)}

/* ── 공통 부품: 버튼 56·48 · 입력 · 상태(색을 채운 표) ── */
[data-skin=hand] .btn{border-radius:14px;font-weight:750;border-width:2px}
[data-skin=hand] .work-app .btn{min-height:48px;font-size:15px}
[data-skin=hand] .work-app .btn.sm{min-height:44px;font-size:14px}
[data-skin=hand] .btn:not(.pri){background:var(--color-surface-fff);border-color:var(--color-line-d4dae3);color:var(--txt)}
[data-skin=hand] .btn:not(.pri):hover{border-color:var(--color-line-0f2f5c);background:var(--color-surface-f7f9fc)}
[data-skin=hand] .btn.pri{background:var(--color-surface-0f2f5c);border-color:var(--color-line-0f2f5c);color:var(--color-ink-fff);font-weight:800}
[data-skin=hand] .btn.pri:hover{background:var(--color-surface-0a2242);border-color:var(--color-line-0a2242)}
[data-skin=hand] :is(input[type=text],input[type=number],input[type=date],input[type=search],input[type=password],input[type=email],select,textarea){border:2px solid var(--color-line-e5e7eb);border-radius:14px;background:var(--color-surface-fff);color:var(--txt)}
[data-skin=hand] .work-app :is(input[type=text],input[type=number],input[type=date],input[type=search],select){min-height:48px}
[data-skin=hand] :is(input,select,textarea):focus{border-color:var(--color-line-0f2f5c);outline:0;box-shadow:0 0 0 3px var(--color-shadow-df33ff2452)}
[data-skin=hand] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--color-line-ffb347)!important;outline-offset:2px}
[data-skin=hand] :is(.work-status,.rpt-badge,.ib-type,.badge){display:inline-flex;align-items:center;gap:4px;border-radius:10px;font-size:12.5px;font-weight:800;padding:4px 9px;border:0}
[data-skin=hand] .work-status{background:var(--color-surface-e5e7eb);color:var(--color-ink-374151)}
[data-skin=hand] .work-status.draft{background:var(--color-surface-0f2f5c);color:var(--color-ink-fff)}
[data-skin=hand] .work-status.submitted{background:var(--color-surface-fff0d6);color:var(--color-ink-8a4b00)}
[data-skin=hand] .work-status.returned{background:var(--color-surface-cc4d0a);color:var(--color-ink-fff)}
[data-skin=hand] .work-status.approved{background:var(--color-surface-1a7f37);color:var(--color-ink-fff)}
[data-skin=hand] .work-status::before{content:'';width:14px;height:14px;flex:none;background:currentColor;-webkit-mask:var(--i-clock) center/contain no-repeat;mask:var(--i-clock) center/contain no-repeat}
[data-skin=hand] .work-status.draft::before{-webkit-mask-image:var(--i-edit);mask-image:var(--i-edit)}
[data-skin=hand] .work-status.returned::before{-webkit-mask-image:var(--i-warn);mask-image:var(--i-warn)}
[data-skin=hand] .work-status.approved::before{-webkit-mask-image:var(--i-ok);mask-image:var(--i-ok)}
[data-skin=hand] .rpt-badge.amber{background:var(--color-surface-cc4d0a);color:var(--color-ink-fff)}[data-skin=hand] .rpt-badge.blue{background:var(--color-surface-0f2f5c);color:var(--color-ink-fff)}[data-skin=hand] .rpt-badge.green{background:var(--color-surface-1a7f37);color:var(--color-ink-fff)}[data-skin=hand] .rpt-badge.gray{background:var(--color-surface-e5e7eb);color:var(--color-ink-374151)}
[data-skin=hand] .badge.red,[data-skin=hand] .badge.err{background:var(--color-surface-c92a2a);color:var(--color-ink-fff)}[data-skin=hand] .badge.blue{background:var(--color-surface-0f2f5c);color:var(--color-ink-fff)}[data-skin=hand] .badge.green,[data-skin=hand] .badge.ok{background:var(--color-surface-1a7f37);color:var(--color-ink-fff)}[data-skin=hand] .badge.amber,[data-skin=hand] .badge.warn{background:var(--color-surface-fff0d6);color:var(--color-ink-8a4b00)}
[data-skin=hand] :is(.surface,.card,.home-work-list,.work-table-wrap,.tbl-wrap,.mine-card,.lg-tile,.dm-card){border:2px solid var(--color-line-e5e7eb);border-radius:20px;box-shadow:none}
[data-skin=hand] :is(.section-heading h2,.ib-head h2){font-size:20px;font-weight:800;letter-spacing:-.02em}
[data-skin=hand] :is(.work-table,.tbl) th{background:var(--color-surface-f3f4f6);color:var(--color-ink-374151);font-weight:800;font-size:13px}
[data-skin=hand] :is(.work-table,.tbl) td{border-bottom-color:var(--color-line-f0f1f3)}
[data-skin=hand] .tbl td{height:50px}
[data-skin=hand] :is(.work-table,.tbl) tbody tr:hover{background:var(--color-surface-f7f9fc)}
[data-skin=hand] :is(.work-table a,.tbl a){color:var(--color-ink-0f2f5c);font-weight:750}
[data-skin=hand] .modal{border-radius:28px}
[data-skin=hand] .toast{background:var(--color-surface-0f2f5c);color:var(--color-ink-fff);border-radius:16px;font-weight:700;font-size:15px}
[data-skin=hand] .notice{border-radius:16px}

/* ── 업무 앱: 위 남색 막대 · 아래 탭 ── */
[data-skin=hand] .work-app .mobile-top{background:var(--color-surface-0f2f5c);box-shadow:none;border:0;padding:12px 18px 10px;gap:8px;color:var(--color-ink-fff)}
[data-skin=hand] .work-app .mobile-top>b{font-size:17px;font-weight:800;letter-spacing:-.02em}
[data-skin=hand] .work-app .mobile-top a{color:var(--color-ink-c9d6e8);font-size:13px}
[data-skin=hand] .work-app .mobile-top .btn{background:var(--color-surface-b34d3e7911);border-color:transparent;color:var(--color-ink-fff);min-height:34px;font-size:12.5px;border-radius:10px}
[data-skin=hand] .ui-sync{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:6px 11px;border-radius:999px;font-size:13px;font-weight:800;background:var(--color-surface-06ff57dd04);color:var(--color-ink-fff);white-space:nowrap;max-width:calc(46 * var(--gn-vw,1vw));overflow:hidden;text-overflow:ellipsis}
[data-skin=hand] .ui-sync::before{content:'';flex:none;width:8px;height:8px;border-radius:50%;background:var(--color-surface-6fdc9a)}
[data-skin=hand] .ui-sync.wait{background:var(--color-surface-ffb347);color:var(--color-ink-3b1d00)}
[data-skin=hand] .ui-sync.wait::before{background:var(--color-surface-3b1d00);-webkit-mask:var(--hi-send) center/contain no-repeat;mask:var(--hi-send) center/contain no-repeat;width:13px;height:13px;border-radius:0}
[data-skin=hand] .ui-sync.err{background:var(--color-surface-c92a2a);color:var(--color-ink-fff)}
[data-skin=hand] .ui-sync.err::before{background:var(--color-surface-fff)}
[data-skin=hand] .work-app #compact-nav{background:var(--color-surface-fff);border-top:1px solid var(--color-line-e5e7eb);box-shadow:none}
[data-skin=hand] .work-app #compact-nav a{font-size:12px;font-weight:750;color:var(--color-ink-6b7280);background:none;box-shadow:none;min-height:66px}
[data-skin=hand] .work-app #compact-nav a.active{color:var(--color-ink-0f2f5c);background:none;box-shadow:none}
[data-skin=hand] .work-app #compact-nav .bpms-nav-icon{box-sizing:content-box;padding:4px 11px;border-radius:12px;transition:background .25s,transform var(--sp-dp) var(--sp-pop)}
[data-skin=hand] .work-app #compact-nav a.active .bpms-nav-icon{background:var(--color-surface-e6edf7)}
[data-skin=hand] .work-app #compact-nav a.nav-new{color:var(--color-ink-cc4d0a)}
[data-form=fold][data-skin=hand] .work-app #compact-nav{border-top:0;border-right:1px solid var(--color-line-e5e7eb)}
[data-form=fold][data-skin=hand] .work-app #compact-nav a.active{background:var(--color-surface-f3f6fb)}
[data-skin=hand] #sidebar{background:var(--color-surface-0f2f5c)}
[data-skin=hand] #sidebar nav a{border-radius:14px;font-weight:650}
[data-skin=hand] #sidebar nav a.active{background:var(--color-surface-fff);color:var(--color-ink-0f2f5c);border-color:var(--color-line-fff);box-shadow:none;font-weight:800}
[data-skin=hand] #sidebar nav a.active .bpms-nav-icon{color:var(--color-ink-0f2f5c)}
[data-skin=hand][data-side] #sidebar .ui-side-toggle{border-radius:14px}

/* ── 업무 앱 첫 화면: 남색 «할 일» 머리 + 흰 시트의 내 차례 ── */
[data-skin=hand] .personal-work>.welcome-line{position:relative;background:var(--color-surface-0f2f5c);color:var(--color-ink-fff);border:0}
[data-skin=hand] .personal-work>.welcome-line .wl-todo{display:flex;flex-direction:column;gap:2px}
[data-skin=hand] .wl-todo small{font-size:15px;font-weight:650;color:var(--color-ink-9a5bbea1f5)}
[data-skin=hand] .wl-todo b{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1.12;color:var(--color-ink-fff)}
[data-skin=hand] .wl-todo b em{font-style:normal;color:var(--color-ink-ffb347)}
[data-skin=hand] .wl-todo span{font-size:16px;color:var(--color-ink-adb8e156fd);margin-top:6px}
[data-skin=hand] .personal-work>.welcome-line .eyebrow{color:var(--color-ink-8838989005);font-size:13px}
[data-skin=hand] .personal-work>.welcome-line h1{color:var(--color-ink-fff);font-weight:800;letter-spacing:-.03em}
[data-skin=hand] .personal-work>.welcome-line :is(p,.work-scope){color:var(--color-ink-54e001f5fe)}
[data-skin=hand] .personal-work .job-chip{background:var(--color-surface-06ff57dd04);color:var(--color-ink-fff);border-radius:999px}
/* 휴대폰·폴드: 인사말 대신 «할 일» 크게, 흰 시트가 남색 위로 올라온다 */
[data-skin=hand]:is([data-form=phone],[data-form=fold]) .personal-work>.welcome-line:has(.wl-todo){margin:calc(-1 * var(--ui-mt,22px)) calc(-1 * var(--ui-mx,17px)) 0;padding:16px calc(var(--ui-mx,17px) + 4px) 52px}
[data-skin=hand]:is([data-form=phone],[data-form=fold]) .personal-work>.welcome-line:has(.wl-todo) :is(.eyebrow,h1,p,.work-scope){display:none}
[data-skin=hand]:is([data-form=phone],[data-form=fold]) .personal-work>.welcome-line:has(.wl-todo) .job-chip{position:absolute;right:calc(var(--ui-mx,17px) + 2px);top:18px}
[data-skin=hand][data-form=phone] .personal-work>.hw-a>.home-inbox:first-child,[data-skin=hand][data-form=phone] .personal-work>.welcome-line+.home-inbox{position:relative;margin-top:-28px}
[data-skin=hand][data-form=fold] .personal-work>.hw-a{position:relative;margin-top:-28px}
[data-skin=hand]:is([data-form=phone],[data-form=fold]) .personal-work .home-inbox{background:var(--color-surface-fff);border:0;border-radius:28px 28px 0 0;margin:0 calc(-1 * var(--ui-mx,17px)) 6px;padding:22px calc(var(--ui-mx,17px) - 3px) 6px}
[data-skin=hand][data-form=fold] .personal-work .hw-b{margin-top:-28px;position:relative}
[data-skin=hand][data-form=fold] .personal-work .hw-b>.work-stats{background:var(--color-surface-fff);border-radius:28px 28px 0 0;padding:22px 4px 0;margin-top:0}
[data-skin=hand][data-form=fold] .personal-work .home-inbox{margin-right:0}
/* 태블릿·PC: 남색 보기 띠(둥근 28px) — 왼쪽 «할 일», 오른쪽 인사말 */
[data-skin=hand]:is([data-form=tablet],[data-form=pc]) .personal-work>.welcome-line{border-radius:28px;padding:28px 34px;margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
[data-skin=hand]:is([data-form=tablet],[data-form=pc]) .personal-work>.welcome-line>div{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"todo eb" "todo h" "todo p" "todo sc";column-gap:40px;align-items:end;width:100%}
[data-skin=hand]:is([data-form=tablet],[data-form=pc]) .personal-work>.welcome-line .wl-todo{grid-area:todo;padding-right:36px;border-right:1px solid var(--color-line-82e16a9943)}
[data-skin=hand]:is([data-form=tablet],[data-form=pc]) .personal-work>.welcome-line .eyebrow{grid-area:eb}
[data-skin=hand]:is([data-form=tablet],[data-form=pc]) .personal-work>.welcome-line h1{grid-area:h;font-size:26px;margin:4px 0}
[data-skin=hand]:is([data-form=tablet],[data-form=pc]) .personal-work>.welcome-line p{grid-area:p;margin:0}
[data-skin=hand]:is([data-form=tablet],[data-form=pc]) .personal-work>.welcome-line .work-scope{grid-area:sc}
[data-skin=hand]:is([data-form=tablet],[data-form=pc]) .wl-todo b{font-size:48px}
[data-skin=hand][data-tier=compact] .personal-work>.welcome-line>div{grid-template-columns:1fr;grid-template-areas:"todo" "eb" "h" "p" "sc"}
[data-skin=hand][data-tier=compact] .personal-work>.welcome-line .wl-todo{border-right:0;padding:0 0 12px}
/* 내 차례: 줄 = 48px 색 아이콘 + 두 줄 글 + 화살표, 줄 전체를 누른다 */
[data-skin=hand] .home-inbox{border:2px solid var(--color-line-e5e7eb);border-radius:24px;padding:18px 16px 8px;background:var(--color-surface-fff)}
[data-skin=hand] .home-inbox .ib-head{padding:0 6px 10px;margin:0}
[data-skin=hand] .ib-head h2 b{background:none;color:var(--color-ink-4b5563);font-size:15px;font-weight:700;padding:0;min-width:0}
[data-skin=hand] .ib-head .btn{min-height:38px;border-radius:999px;font-size:13px}
[data-skin=hand] .ib-list{display:flex;flex-direction:column;gap:8px;border:0!important;background:none!important;padding:0!important}
[data-skin=hand] .ib-list article.ib-row{position:relative;display:flex;flex-direction:row!important;align-items:center;gap:12px;min-height:76px;padding:12px 12px!important;border:2px solid var(--color-line-e5e7eb)!important;border-radius:18px;background:var(--color-surface-fff)!important;margin:0}
[data-skin=hand] .ib-row::before{content:'';flex:none;width:48px;height:48px;border-radius:14px;background:var(--color-surface-0f2f5c) var(--hi-edit) center/24px no-repeat}
[data-skin=hand] .ib-row[data-tone=amber]{border-color:var(--color-line-ffc9a3)!important;background:var(--color-surface-fff0e6)!important}
[data-skin=hand] .ib-row[data-tone=amber]::before{background-color:var(--color-surface-e8590c);background-image:var(--hi-warn)}
[data-skin=hand] .ib-row[data-tone=red]::before{background-color:var(--color-surface-c92a2a);background-image:var(--hi-warn)}
[data-skin=hand] .ib-row[data-tone=red]{border-color:var(--color-line-f3b4b4)!important}
[data-skin=hand] .ib-row[data-tone=navy]::before{background-image:var(--hi-sign)}
[data-skin=hand] .ib-row[data-tone=green]::before{background-color:var(--color-surface-1b8a3a);background-image:var(--hi-ok)}
[data-skin=hand] .ib-row[data-kind="새 배정"]::before{background-color:var(--color-surface-1f5fae);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
[data-skin=hand] .ib-row[data-kind="전송 대기"]::before,[data-skin=hand] .ib-row[data-kind="전송 실패"]::before{background-image:var(--hi-send)}
[data-skin=hand] .ib-row>div{flex:1;min-width:0}
[data-skin=hand] .ib-row h3{display:flex;flex-direction:column;align-items:flex-start;gap:1px;font-size:17px;font-weight:800;line-height:1.35;margin:0}
[data-skin=hand] .ib-row h3 .ib-type{background:none!important;padding:0;font-size:12.5px;font-weight:800;border-radius:0;margin:0}
[data-skin=hand] .ib-row .ib-type.amber{color:var(--color-ink-b43f06)}[data-skin=hand] .ib-row .ib-type.blue{color:var(--color-ink-0f2f5c)}[data-skin=hand] .ib-row .ib-type.navy{color:var(--color-ink-0f2f5c)}[data-skin=hand] .ib-row .ib-type.red{color:var(--color-ink-c92a2a)}
[data-skin=hand] .ib-row p{font-size:14px;font-weight:600;color:var(--color-ink-4b5563);margin:2px 0 0}
[data-skin=hand] .ib-row[data-tone=amber] p{color:var(--color-ink-9a3a06)}
/* 오른쪽 단추: 줄 전체를 덮는 누름 영역 + 화살표(글자는 화면 읽기용으로 남긴다) */
[data-skin=hand] .ib-row>.btn{position:static;flex:none;width:36px;min-width:36px!important;min-height:36px!important;height:36px;padding:0!important;border:0!important;background:transparent!important;color:transparent!important;font-size:0!important;overflow:hidden;box-shadow:none}
[data-skin=hand] .ib-row>.btn::before{content:'';display:block;width:26px;height:26px;margin:auto;background:var(--color-surface-111827);-webkit-mask:var(--hi-go) center/contain no-repeat;mask:var(--hi-go) center/contain no-repeat}
[data-skin=hand] .ib-row>.btn::after{content:'';position:absolute;inset:0;border-radius:16px;z-index:1}
[data-skin=hand] .ib-row>.btn:focus-visible{outline:0!important}
[data-skin=hand] .ib-row:has(>.btn:focus-visible){outline:3px solid var(--color-line-ffb347);outline-offset:2px}
[data-skin=hand] .ib-list article.ib-row{transition:transform var(--sp-dp) var(--sp-pop),border-color .2s,background-color .2s}
[data-skin=hand] .ib-row:active{transform:scale(.985)}
/* 숫자 칸: 회색 타일(큰 숫자 위, 이름 아래) */
[data-skin=hand] .work-stats{gap:8px}
[data-skin=hand] .work-stat,[data-skin=hand] .personal-work .work-stat{display:flex;flex-direction:column;align-items:flex-start;gap:0;background:var(--color-surface-f3f4f6);border:0;border-radius:16px;padding:12px 14px;box-shadow:none;text-align:left}
[data-skin=hand] .work-stat strong,[data-skin=hand] .personal-work .work-stat strong{order:-1;font-size:26px;font-weight:800;color:var(--color-ink-111827);line-height:1.15}
[data-skin=hand] .work-stat strong small{font-size:13px;font-weight:700;color:var(--color-ink-4b5563)}
[data-skin=hand] .work-stat span{font-size:13px;font-weight:700;color:var(--color-ink-4b5563)}
[data-skin=hand] .work-stat>small{display:none}
[data-skin=hand] .work-stat.primary{border:0;box-shadow:none;padding-top:12px}
[data-skin=hand] .work-stat.primary strong{color:var(--color-ink-0f2f5c)}
[data-skin=hand] .work-stat:hover{background:var(--color-surface-e9ecf1)}
[data-skin=hand]:is([data-form=tablet],[data-form=pc]) .work-stat strong{font-size:34px}
[data-skin=hand][data-form=phone] .personal-work .work-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:380px){[data-skin=hand][data-form=phone] .personal-work .work-stats{grid-template-columns:repeat(4,minmax(0,1fr))}[data-skin=hand][data-form=phone] .work-stat{padding:10px 10px}[data-skin=hand][data-form=phone] .work-stat strong{font-size:23px}[data-skin=hand][data-form=phone] .work-stat span{font-size:12px;line-height:1.35}}
[data-skin=hand] .home-chip{background:var(--color-surface-f3f4f6);border:0;border-radius:16px;box-shadow:none}
[data-skin=hand] .home-chip::after{height:0}
[data-skin=hand] .home-chip strong{font-size:24px;font-weight:800}
[data-skin=hand] .home-chip.hot{background:var(--color-surface-fff0e6)}[data-skin=hand] .home-chip.hot strong{color:var(--color-ink-b43f06)}
[data-skin=hand] .home-chip.amber{background:var(--color-surface-fff0d6)}
[data-skin=hand] .home-groups-tabs{border-bottom:0;gap:6px}
[data-skin=hand] .home-groups-tabs .btn{border-radius:999px;background:var(--color-surface-f3f4f6);border-color:var(--color-line-f3f4f6);color:var(--color-ink-4b5563);box-shadow:none;min-height:46px;font-size:15px}
[data-skin=hand] .home-groups-tabs .btn.selected{background:var(--color-surface-0f2f5c);border-color:var(--color-line-0f2f5c);color:var(--color-ink-fff);box-shadow:none}
[data-skin=hand] .home-subtabs .btn{border-radius:999px;min-height:40px}
[data-skin=hand] .home-subtabs .btn.selected{background:var(--color-surface-0f2f5c);border-color:var(--color-line-0f2f5c);color:var(--color-ink-fff)}
[data-skin=hand] .home-work-list:not(.ib-list){border:0;background:none;display:flex;flex-direction:column;gap:8px}
[data-skin=hand] .home-work-list:not(.ib-list) article{border:2px solid var(--color-line-e5e7eb);border-radius:18px;background:var(--color-surface-fff);padding:12px 14px}
[data-skin=hand] .home-work-list h3{font-size:16px;font-weight:800}
[data-skin=hand] .home-help{background:var(--color-surface-f3f4f6);border:0}

/* ── 다른 화면 머리(목록·검토·지도·배정·운영·설정): 남색 보기 띠 ── */
[data-skin=hand] .work-page>.work-head:first-child,[data-skin=hand] .personal-work>.welcome-line:not(:has(.wl-todo)){background:var(--color-surface-0f2f5c);color:var(--color-ink-fff);border:0;border-radius:28px;padding:24px 28px;margin-bottom:20px}
[data-skin=hand] .work-page>.work-head:first-child :is(h1,.page-title){color:var(--color-ink-fff);font-weight:800;letter-spacing:-.03em}
[data-skin=hand] .work-page>.work-head:first-child :is(.eyebrow,.page-sub,p){color:var(--color-ink-9a5bbea1f5)}
[data-skin=hand] .work-page>.work-head:first-child .btn:not(.pri){background:var(--color-surface-b34d3e7911);border-color:transparent;color:var(--color-ink-fff)}
[data-skin=hand] .work-page>.work-head:first-child .btn.pri{background:var(--color-surface-ffb347);border-color:var(--color-line-ffb347);color:var(--color-ink-3b1d00)}
[data-skin=hand]:is([data-form=phone],[data-form=fold]) .work-page>.work-head:first-child,[data-skin=hand]:is([data-form=phone],[data-form=fold]) .personal-work>.welcome-line:not(:has(.wl-todo)){border-radius:0 0 28px 28px;margin:calc(-1 * var(--ui-mt,22px)) calc(-1 * var(--ui-mx,17px)) 18px;padding:14px var(--ui-mx,17px) 24px}
[data-skin=hand]:is([data-form=phone],[data-form=fold]) .work-page>.work-head:first-child :is(h1,.page-title){font-size:26px}
[data-skin=hand] .admin-tabs{gap:6px}
[data-skin=hand] .admin-tab{border-radius:999px;background:var(--color-surface-f3f4f6);border:0;color:var(--color-ink-4b5563);font-weight:750;min-height:46px}
[data-skin=hand] .admin-tab.on{background:var(--color-surface-0f2f5c);color:var(--color-ink-fff)}
[data-skin=hand] .admin-tab.on small{color:var(--color-ink-c9d6e8)}

/* ── 조사: 남색 보기 영역(제목·진행·구간) → 흰 시트(문항) → 아래 도크(미응답·사진 필요·제출) ── */
[data-skin=hand] .survey-top{background:var(--color-surface-0f2f5c);color:var(--color-ink-fff);border-bottom:0}
[data-skin=hand] .survey-top :is(h1,.page-title){color:var(--color-ink-fff);font-weight:800;letter-spacing:-.02em}
[data-skin=hand] .survey-top :is(.eyebrow,.page-sub){color:var(--color-ink-8838989005)}
[data-skin=hand] .survey-top .save-label{color:var(--color-ink-b8f5cf);background:var(--color-surface-b34d3e7911);border:0;border-radius:999px;font-size:12.5px;font-weight:700;padding:5px 10px}
[data-skin=hand] .survey-top .save-label.pending{color:var(--color-ink-3b1d00);background:var(--color-surface-ffb347)}
[data-skin=hand] .survey-top .save-label.error{color:var(--color-ink-fff);background:var(--color-surface-c92a2a)}
[data-skin=hand] .survey-top .btn{background:var(--color-surface-06ff57dd04);border-color:transparent;color:var(--color-ink-fff);border-radius:999px}
[data-skin=hand] .survey-top .survey-progress{color:var(--color-ink-fff);gap:12px}
[data-skin=hand] .survey-top #survey-progress-text{font-size:22px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
[data-skin=hand] .survey-top .progress-mini{height:10px;border-radius:5px;background:var(--color-surface-e7e4f05dbb);flex:1;min-width:60px}
[data-skin=hand] .survey-top .progress-mini i{background:var(--color-surface-ffb347);border-radius:5px}
[data-skin=hand] .survey-top .work-status{background:var(--color-surface-06ff57dd04);color:var(--color-ink-fff)}
[data-skin=hand] .sv-tools-toggle i{background:var(--color-surface-ffb347)}
[data-skin=hand] .field-tab{border-radius:999px;border:0;background:var(--color-surface-f3f4f6);color:var(--color-ink-4b5563);font-weight:750;min-height:42px}
[data-skin=hand] .field-tab small{opacity:.8}
[data-skin=hand] .field-tab.active{background:var(--color-surface-0f2f5c);color:var(--color-ink-fff);box-shadow:none}
[data-skin=hand] .field-tab.active small{color:var(--color-ink-c9d6e8);opacity:1}
/* 휴대폰: 구간 탭까지 남색 영역, 문항은 흰 시트 */
[data-skin=hand][data-form=phone] .survey-top{margin:calc(-1 * var(--ui-mt,22px)) calc(-1 * var(--ui-mx,17px)) 0;padding:12px var(--ui-mx,17px) 10px;border-radius:0}
[data-skin=hand][data-form=phone] .survey-top .work-head{margin-bottom:8px}
[data-skin=hand][data-form=phone] .survey-top h1{font-size:19px}
[data-skin=hand][data-form=phone] .survey-top .survey-progress{flex-wrap:nowrap;gap:10px}
[data-skin=hand][data-form=phone] .survey-top .survey-progress .work-status{display:none}
[data-skin=hand][data-form=phone] .survey-top .survey-progress .btn{flex:none;white-space:nowrap;min-height:36px;padding:0 12px;font-size:13px}
[data-skin=hand][data-form=phone] .survey-top #survey-progress-text{font-size:21px}
[data-skin=hand][data-form=phone] .sv-tools{background:var(--color-surface-0f2f5c);margin:0 calc(-1 * var(--ui-mx,17px));padding:4px var(--ui-mx,17px) 8px;color:var(--color-ink-fff)}
[data-skin=hand][data-form=phone] .sv-tools :is(label,.muted-note,.count-label){color:var(--color-ink-bfe36491dc)}
[data-skin=hand][data-form=phone] .sv-tools .btn{background:var(--color-surface-06ff57dd04);border-color:transparent;color:var(--color-ink-fff)}
[data-skin=hand][data-form=phone] .field-tabs{background:var(--color-surface-0f2f5c);margin:0 calc(-1 * var(--ui-mx,17px));padding:4px var(--ui-mx,17px) 40px;gap:6px;border:0;border-radius:0}
[data-skin=hand][data-form=phone] .field-tab{background:var(--color-surface-b56364a7c7);color:var(--color-ink-bfe36491dc)}
[data-skin=hand][data-form=phone] .field-tab.active{background:var(--color-surface-fff);color:var(--color-ink-0f2f5c)}
[data-skin=hand][data-form=phone] .field-tab.active small{color:var(--color-ink-0f2f5c)}
[data-skin=hand][data-form=phone] #question-list{position:relative;background:var(--color-surface-fff);border-radius:28px 28px 0 0;margin:-28px calc(-1 * var(--ui-mx,17px)) 0;padding:6px var(--ui-mx,17px) 0}
[data-skin=hand][data-form=phone] .question{border:0!important;border-radius:0;box-shadow:none!important;padding:18px 0 20px!important;margin:0;border-bottom:8px solid var(--color-line-f3f4f6)!important;margin:0 calc(-1 * var(--ui-mx,17px));padding-left:var(--ui-mx,17px)!important;padding-right:var(--ui-mx,17px)!important}
[data-skin=hand] .question{border:2px solid var(--color-line-e5e7eb);border-radius:22px;box-shadow:none}
[data-skin=hand] .question.answered{border-left-width:2px;box-shadow:none}
[data-skin=hand] .question-top{font-size:13px;font-weight:650;color:var(--color-ink-4b5563)}
[data-skin=hand] .question-no{background:var(--color-surface-0f2f5c);color:var(--color-ink-fff);font-weight:800;padding:2px 8px;border-radius:8px}
[data-skin=hand] .question.flagged .question-no{background:var(--color-surface-c92a2a)}
[data-skin=hand] .question h3{font-size:19px;font-weight:800;line-height:1.38;letter-spacing:-.02em;margin:8px 0 12px}
/* 답변 칸: 두 줄 격자, 점수 숫자를 굵게 색으로, 고르면 그 색으로 채운다 */
[data-skin=hand] .answer-choices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
[data-skin=hand] .answer-choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;text-align:left;min-height:64px;padding:10px 12px;border-radius:16px;border:2px solid var(--color-line-e5e7eb);background:var(--color-surface-fff);box-shadow:none;white-space:normal;color:var(--color-ink-111827)}
[data-skin=hand] .answer-choice.scale-choice{min-height:64px;padding:10px 12px;gap:2px}
[data-skin=hand] .answer-choice b{font-size:18px;font-weight:800;color:var(--color-ink-111827)}
[data-skin=hand] .answer-choice small{font-size:12.5px;font-weight:650;color:var(--color-ink-4b5563);line-height:1.3}
[data-skin=hand] .answer-choice:is([data-value="1"],[data-value="2"],[data-value=D],[data-value=E],[data-value=issue]) b{color:var(--color-ink-c92a2a)}
[data-skin=hand] .answer-choice:is([data-value="3"],[data-value=C]) b{color:var(--color-ink-b45309)}
[data-skin=hand] .answer-choice:is([data-value="4"],[data-value="5"],[data-value=A],[data-value=B],[data-value=good]) b{color:var(--color-ink-1a7f37)}
[data-skin=hand] .answer-choice:is([data-value=unknown],[data-value=na]) b{color:var(--color-ink-4b5563)}
[data-skin=hand] .answer-choice[aria-pressed=true]{background:var(--color-surface-0f2f5c);border-color:var(--color-line-0f2f5c);box-shadow:none}
[data-skin=hand] .answer-choice[aria-pressed=true]:is([data-value="1"],[data-value="2"],[data-value=D],[data-value=E],[data-value=issue]){background:var(--color-surface-c92a2a);border-color:var(--color-line-c92a2a)}
[data-skin=hand] .answer-choice[aria-pressed=true]:is([data-value="3"],[data-value=C]){background:var(--color-surface-b45309);border-color:var(--color-line-b45309)}
[data-skin=hand] .answer-choice[aria-pressed=true]:is([data-value="4"],[data-value="5"],[data-value=A],[data-value=B],[data-value=good]){background:var(--color-surface-1a7f37);border-color:var(--color-line-1a7f37)}
[data-skin=hand] .answer-choice[aria-pressed=true]:is([data-value=unknown],[data-value=na]){background:var(--color-surface-4b5563);border-color:var(--color-line-4b5563)}
[data-skin=hand] .answer-choice[aria-pressed=true] :is(b,small){color:var(--color-ink-fff)}
[data-skin=hand] .answer-choice[aria-pressed=true]::after{content:'';position:absolute;right:9px;top:9px;width:20px;height:20px;border:0;transform:none;border-radius:50%;background:var(--color-surface-ae7f66dc0e) var(--i-check-w) center/13px no-repeat}
[data-skin=hand] .answer-choice:disabled{opacity:.6}
[data-skin=hand] .floor-chip{border-radius:999px;border:2px solid var(--color-line-e5e7eb);font-weight:750;min-height:42px}
[data-skin=hand] .floor-chip[aria-pressed=true]{background:var(--color-surface-0f2f5c);border-color:var(--color-line-0f2f5c);color:var(--color-ink-fff)}
/* 사진 필요: 주황 막대 + 흰 글자, 사진 찍기 단추도 주황으로 */
[data-skin=hand] .photo-need{border-radius:16px;font-size:14px;font-weight:700;border:0}
[data-skin=hand] .photo-need.missing{background:var(--color-surface-cc4d0a);color:var(--color-ink-fff);box-shadow:none;padding:12px 14px}
[data-skin=hand] .photo-need.missing select{background:var(--color-surface-fff);color:var(--color-ink-8a3405);border:0;min-height:40px;border-radius:12px;font-weight:700}
[data-skin=hand] .photo-need.ok,[data-skin=hand] .photo-need:not(.missing){background:var(--color-surface-e7f6ec);color:var(--color-ink-14532d)}
[data-skin=hand] .question:has(.photo-need.missing) .evidence-actions label:has([data-capture]){background:var(--color-surface-cc4d0a)!important;border-color:var(--color-line-cc4d0a)!important;color:var(--color-ink-fff)!important}
[data-skin=hand] .question-inputs .fld{font-size:13px;font-weight:700;color:var(--color-ink-374151)}
[data-skin=hand] .question-inputs textarea{min-height:92px}
[data-skin=hand] .question-details{border-radius:14px}
[data-skin=hand] .evidence-actions .btn{min-height:48px;border-radius:14px}
/* 도크: 미응답 · 사진 필요 · 제출(56px) */
[data-skin=hand] .survey-footer{background:var(--color-surface-fff);border-top:1px solid var(--color-line-e5e7eb);box-shadow:0 -6px 20px var(--color-shadow-98da1e2765);border-radius:0;backdrop-filter:none;padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px));gap:8px}
[data-skin=hand] .sv-chip{display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;min-height:56px;padding:0 12px;border:0;border-radius:16px;background:var(--color-surface-f3f4f6);color:var(--color-ink-4b5563);font-size:12.5px;font-weight:750;line-height:1.2}
[data-skin=hand] .sv-chip b{font-size:18px;color:var(--color-ink-111827);margin:0}
[data-skin=hand] .sv-chip[data-jump=photo]:not(.zero){background:var(--color-surface-fff0e6);color:var(--color-ink-b43f06)}
[data-skin=hand] .sv-chip[data-jump=photo]:not(.zero) b{color:var(--color-ink-b43f06)}
[data-skin=hand] .sv-chip.zero{background:var(--color-surface-e7f6ec);color:var(--color-ink-14532d)}
[data-skin=hand] .sv-chip.zero b{color:var(--color-ink-14532d)}
[data-skin=hand] .survey-footer .btn.pri{min-height:56px!important;font-size:18px;font-weight:800;border-radius:16px;padding:0 22px}
[data-skin=hand][data-form=phone] .survey-footer .actions{flex:1 1 auto}
[data-skin=hand][data-form=phone] .survey-footer{box-shadow:0 -6px 20px var(--color-shadow-98da1e2765),0 48px 0 var(--color-shadow-fff)}
[data-skin=hand][data-form=phone] .survey-footer .actions .btn.pri{width:100%}
[data-skin=hand][data-form=phone] .survey-footer .sv-jump{flex:0 1 auto}
/* 폴드·태블릿·PC 두 칸: 왼쪽 남색 목차 판 + 오른쪽 흰 문항 */
[data-skin=hand].ui-2pane .sv-side{background:var(--color-surface-0f2f5c);border-radius:28px;padding:16px;color:var(--color-ink-fff);gap:12px}
[data-skin=hand].ui-2pane .sv-side .survey-top{background:transparent;border:0;padding:4px 4px 0;box-shadow:none}
[data-skin=hand].ui-2pane .sv-side .survey-top #survey-progress-text{font-size:20px}
[data-skin=hand].ui-2pane .sv-side .sv-tools{background:var(--color-surface-c201d2dab2);border:0;border-radius:18px;color:var(--color-ink-fff)}
[data-skin=hand].ui-2pane .sv-side .sv-tools label{color:var(--color-ink-5d1cc971f5)}
[data-skin=hand].ui-2pane .sv-side .sv-tools .btn{background:var(--color-surface-06ff57dd04);color:var(--color-ink-fff);border-color:transparent}
[data-skin=hand].ui-2pane .sv-side .field-tab{background:var(--color-surface-c201d2dab2);color:var(--color-ink-bf4d2367b1);border:0;border-radius:14px;min-height:46px}
[data-skin=hand].ui-2pane .sv-side .field-tab.active{background:var(--color-surface-fff);color:var(--color-ink-0f2f5c)}
[data-skin=hand].ui-2pane .sv-side .field-tab.active small{color:var(--color-ink-0f2f5c)}
[data-skin=hand].ui-2pane .sv-side .sv-index{background:var(--color-surface-5704ef9ed3);border:0;border-radius:18px}
[data-skin=hand].ui-2pane .sv-side .sv-index h4{color:var(--color-ink-3abf49ec81)}
[data-skin=hand].ui-2pane .sv-side .sv-index button{color:var(--color-ink-fff);min-height:42px;border-radius:12px}
[data-skin=hand].ui-2pane .sv-side .sv-index button b{color:var(--color-ink-3de3639efa)}
[data-skin=hand].ui-2pane .sv-side .sv-index button:hover,[data-skin=hand].ui-2pane .sv-side .sv-index button.on{background:var(--color-surface-06ff57dd04)}
[data-skin=hand].ui-2pane .sv-side .sv-index button i{background:var(--color-surface-c5790f2c50)}
[data-skin=hand].ui-2pane .sv-side .sv-index button.done i{background:var(--color-surface-6fdc9a)}
[data-skin=hand].ui-2pane .sv-side .sv-index button.issue i{background:var(--color-surface-ffb347)}
[data-skin=hand].ui-2pane .sv-main .question{padding:22px 24px}
[data-skin=hand].ui-2pane .sv-main .survey-footer{border-radius:22px 22px 0 0;border:2px solid var(--color-line-e5e7eb);border-bottom:0}
[data-skin=hand][data-form=fold].ui-2pane .sv-side{border-radius:24px}
[data-skin=hand]:is([data-form=tablet],[data-form=pc]):not(.ui-2pane) .survey-top{border-radius:24px;padding:18px 22px}

/* ── 시설 담당 보고 창·기타 ── */
[data-skin=hand] .rpt-kinds span{border-radius:16px;border:2px solid var(--color-line-e5e7eb);min-height:56px;font-weight:800}
[data-skin=hand] .rpt-kinds input:checked+span{background:var(--color-surface-0f2f5c);border-color:var(--color-line-0f2f5c);color:var(--color-ink-fff)}
[data-skin=hand] .mine-card{padding:16px}
[data-skin=hand] .lg-tile{background:var(--color-surface-f3f4f6);border:0}
[data-skin=hand] .empty-state{border-radius:20px;border:2px dashed var(--color-line-e5e7eb);background:var(--color-surface-fafbfc)}

/* ── 시설 자료·관리 앱 ── */
[data-skin=hand] body:not(.work-app){background:var(--color-surface-fff)}
[data-skin=hand] body:not(.work-app) .page-head{background:var(--color-surface-0f2f5c);color:var(--color-ink-fff);border:0;border-radius:28px;padding:22px 28px;margin-bottom:18px}
[data-skin=hand] body:not(.work-app) .page-head :is(.page-title,h1,h2){color:var(--color-ink-fff);font-weight:800;letter-spacing:-.03em}
[data-skin=hand] body:not(.work-app) .page-head :is(.page-sub,.muted,p){color:var(--color-ink-54e001f5fe)}
[data-skin=hand] body:not(.work-app) .page-head .page-sub b{color:var(--color-ink-ffb347)}
[data-skin=hand] body:not(.work-app) .page-head .btn:not(.pri){background:var(--color-surface-b34d3e7911);border-color:transparent;color:var(--color-ink-fff)}
[data-skin=hand] body:not(.work-app) .page-head .btn.pri{background:var(--color-surface-ffb347);border-color:var(--color-line-ffb347);color:var(--color-ink-3b1d00)}
[data-skin=hand] body:not(.work-app) .detail-head{background:var(--color-surface-0f2f5c);color:var(--color-ink-fff);border-radius:28px;padding:20px 26px;margin-bottom:16px}
[data-skin=hand] body:not(.work-app) .detail-head :is(.detail-title,.muted,.detail-sub){color:var(--color-ink-fff)}
[data-skin=hand] body:not(.work-app) .detail-head .muted{color:var(--color-ink-38ecd6a3ec)!important}
[data-skin=hand] body:not(.work-app) .detail-head .btn{background:var(--color-surface-b34d3e7911);border-color:transparent;color:var(--color-ink-fff)}
[data-skin=hand] .btn{min-height:40px}
[data-skin=hand] body:not(.work-app) .btn{min-height:42px}
[data-skin=hand] .stat{background:var(--color-surface-f3f4f6);border:0;border-radius:18px;box-shadow:none}
[data-skin=hand] .stat .v{font-size:32px;font-weight:800}
[data-skin=hand] .stat[class*=hl-]::after{height:0}
[data-skin=hand] .chip{border-radius:999px;border:2px solid var(--color-line-e5e7eb);background:var(--color-surface-fff);color:var(--color-ink-374151);min-height:38px;padding:6px 14px;font-weight:750}
[data-skin=hand] .chip.on{background:var(--color-surface-0f2f5c);border-color:var(--color-line-0f2f5c);color:var(--color-ink-fff)}
[data-skin=hand] .tabs{gap:6px;border-bottom:0}
[data-skin=hand] .tab{border-radius:999px;border:0;background:var(--color-surface-f3f4f6);color:var(--color-ink-4b5563);font-weight:750;margin:0;padding:10px 16px}
[data-skin=hand] .tab.on{background:var(--color-surface-0f2f5c);color:var(--color-ink-fff);box-shadow:none}
[data-skin=hand] .dm-card h3{font-size:18px;font-weight:800}
[data-skin=hand] .maint-sum .card{background:var(--color-surface-f3f4f6);border:0}
[data-skin=hand] .maint-sum .card b{font-size:26px;font-weight:800}