/* 기존 색·폰트·mini/chip/fld 문법을 유지하는 직원 피드백 UI. */
.wt-open{position:relative;margin-left:10px;font-size:20px!important;line-height:1!important}
[data-wt-count]{background:var(--red);color:#fff;border-radius:99px;font-size:10px;padding:2px 5px;min-width:16px;line-height:1.2}
.wt-open [data-wt-count]{position:absolute;right:-5px;top:-6px}
.wt-rail{font-size:12px!important;min-height:30px!important;opacity:.85}
.wt-dialog{margin:auto;inset:0;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);width:850px;max-width:calc(100vw / var(--uiz,1) - 32px);max-height:calc(var(--vh100,100dvh) - 32px);box-shadow:var(--shadow)}
.wt-dialog::backdrop{background:rgba(15,28,48,.48);backdrop-filter:blur(3px)}
.wt-dialog[open]{display:flex;flex-direction:column}
.wt-head,.wt-foot{display:flex;align-items:center;gap:12px;padding:16px 20px;flex-shrink:0}
.wt-head{border-bottom:1px solid var(--line)}.wt-head h2{font-size:18px;margin:0}
.wt-head-actions{display:flex;gap:10px;align-items:center;margin-left:auto}
.wt-body{padding:20px;overflow:auto;min-height:0}.wt-foot{border-top:1px solid var(--line);flex-wrap:wrap;background:var(--panel2)}
.wt-foot>.pri{margin-left:auto}.wt-foot .dim{font-size:12px}
.wt-section+.wt-section{margin-top:24px}.wt-section h3{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:14px;margin:0 0 18px}
.wt-section h3 small{color:var(--ink-faint);font-size:11px;font-weight:400}
.wt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wt-item{text-align:center;min-width:0}.wt-clock{position:relative;width:218px;max-width:100%;aspect-ratio:230/238;margin:auto}
.wt-clock svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.wt-face{position:absolute;top:33%;left:18%;width:64%;height:53%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#1a2332}
.wt-members{font-size:10px;color:#5c6370;font-weight:650;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wt-task{font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
.wt-face strong{font-size:25px;font-weight:850;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.wt-ringtime{font-size:9px;color:#687286}.wt-card{border:0;background:none;color:#2b66de;font-size:9px;line-height:1.2;cursor:pointer}
.wt-other .wt-clock{filter:saturate(.32);opacity:.8}.wt-item.wt-ringing .wt-clock,.wt-open.wt-ringing{animation:wt-shake .35s linear infinite}
.wt-desc{font-size:11px;color:var(--ink-soft);min-height:18px;margin:4px 0 7px;overflow-wrap:anywhere}
.wt-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:6px 0}.wt-actions .mini{font-size:11px;padding:5px 9px}
.wt-pin{font-size:11px;color:var(--ink-faint);display:flex;gap:5px;align-items:center;justify-content:center}
.wt-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px;color:var(--ink-faint);font-size:13px}.wt-empty>span{font-size:55px;opacity:.35}
.wt-form{display:grid;gap:18px}.wt-form label{display:block;font-size:13px;font-weight:650}.wt-form .fld{width:100%;margin-top:6px}.wt-form small{font-size:11px;font-weight:400}
.wt-people,.wt-quick,.wt-soundrow,.wt-stepper{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.wt-people .chip[aria-pressed="true"]{border-color:var(--free);color:var(--free)}.wt-stepper output{min-width:115px;text-align:center;font-size:22px;font-weight:800}
.wt-quick .on{border-color:var(--dev);color:var(--dev);background:var(--panel2)}.wt-soundrow select{flex:1;min-width:150px;max-width:100%;width:auto!important}
.wt-form #wtFinish{font-size:12px;margin:8px 0 0}.wt-error{color:var(--red);font-size:13px;margin:8px 0 0;min-height:0}
.wt-banner{position:fixed;top:0;left:0;right:0;z-index:10050;background:var(--red);color:white;padding:12px 20px;box-shadow:var(--shadow);font-size:14px}
.wt-banner[hidden]{display:none}.wt-banner>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wt-banner>div+div{margin-top:8px}.wt-banner .mini{background:var(--panel);color:var(--red);margin-left:auto}
.wt-floating{position:fixed;bottom:80px;right:18px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:220px;pointer-events:none}
.wt-float{pointer-events:auto;display:grid;grid-template-columns:20px 1fr;gap:0 8px;text-align:left;border:1px solid var(--line);border-left:3px solid var(--red);border-radius:12px;padding:9px 12px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow);cursor:pointer}
.wt-float b{font-size:20px;font-variant-numeric:tabular-nums}.wt-float span{grid-column:2;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ef-sort{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-faint)}.ef-sort select{width:auto}
.ef-refresh{color:var(--dev)!important;min-width:30px}.ef-refresh[aria-busy=true]{cursor:wait;opacity:.6}.ef-refresh[aria-busy=true] span{display:inline-block;animation:ef-spin 1s linear infinite}.ef-refresh.is-done{color:var(--won)!important}
.ef-checked{display:block;font-size:10px;color:var(--ink-faint);font-weight:400;white-space:nowrap;margin-top:3px}
.ef-rank-done .arrank{animation:ef-flash 2.7s ease-out}.arkwbtns{white-space:nowrap!important}.arkwbtns .mini{padding:3px 5px!important}
@keyframes ef-spin{to{transform:rotate(360deg)}}@keyframes ef-flash{0%,30%{background:color-mix(in srgb,var(--won) 15%,var(--panel))}100%{background:transparent}}
@keyframes wt-shake{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@media(max-width:960px){.wt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.wt-dialog{max-width:calc(100vw / var(--uiz,1) - 20px);max-height:calc(var(--vh100,100dvh) - 24px)}.wt-head,.wt-body,.wt-foot{padding:14px}.wt-grid{grid-template-columns:1fr}.wt-actions .mini{min-height:36px}.wt-head{gap:6px}.wt-head h2{font-size:16px}.ef-sort{margin-left:0}.wt-floating{max-width:180px;right:10px}}
@media(prefers-reduced-motion:reduce){.wt-clock,.wt-open,.ef-refresh span,.ef-rank-done .arrank{animation:none!important}}