/* 평가관리 — 동료 평가 (메인: #eval · #collect · #crew) 화면 전용. kids.css 의 색·테두리·그림자 규칙을 그대로 따름. 주인 = 동료 평가 담당 */
.evp{max-width:860px;margin:0 auto}
.evp .ksubs{margin:6px 0 0}
.evp .khero h1{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.evp .khero .kway{margin-top:12px}
.evp .kcard+.kcard,.evp .kcard+.kwarn,.evp .kwarn+.kcard{margin-top:16px}
.evp .kh img.ic{width:34px;height:34px}
.evp .kc img.ic{width:16px;height:16px}
.evp-foot{margin:16px 4px 0}
.evp-cnt{font:17px/1 var(--jua);color:var(--ink3)}
.evp-cnt b{font:30px/1 var(--jua);color:var(--ink);margin-right:2px}
.evp-pbar{margin:2px 0 6px}
.evp-alldone{display:inline-block;margin:8px 0 2px;font:18px/1 var(--jua);background:var(--ye);padding:8px 12px;border-radius:12px;box-shadow:0 4px 0 var(--ye-lip);transform:rotate(-2deg)}
.evp-list{margin-top:6px}
.evp .krow.evp-next{background:var(--cy-pale);border-radius:16px;border-top-color:transparent;padding-left:10px;padding-right:10px;margin:0 -10px}
.evp .krow.evp-next+.krow{border-top-color:transparent}
.evp .krow .t{min-width:72px}
.evp .krow .t small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evp .krow .r{justify-content:flex-end}
.evp-big{display:flex;align-items:baseline;gap:6px;margin:0 0 8px}
.evp-big b{font:44px/1 var(--jua)}
.evp-big small{font:18px/1 var(--jua);color:var(--ink3)}
.evp-det{margin-top:10px}
.evp-det summary{font:17px/1 var(--jua);color:var(--cy-ink);padding:8px 0;list-style:none}
.evp-det summary::-webkit-details-marker{display:none}
.evp-det summary::before{content:"▸ ";display:inline-block;transition:transform .15s}
.evp-det[open] summary::before{transform:rotate(90deg)}
.evp-rep{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.evp-rept{flex:1 1 240px;font:700 15px/1.5 var(--body)}
.evp-steps{flex-direction:column;gap:8px}
.evp-steps .kstep{padding:10px 16px 10px 10px;width:fit-content}
.evp-hbtn{margin-top:14px}
.evp .krow .t b .evp-prec{height:24px;padding:0 9px;font-size:12px;vertical-align:1px;margin-left:4px}
/* 함께 근무 안 함 — 이름 옆 칩 + 오른쪽엔 되돌리기만 (390px 에서 줄이 안 접히게) */
.evp .krow.evp-off .t{opacity:.68}
.evp-log .t b{font-weight:700}
.evp-log .t b span{font-weight:500;color:var(--ink2)}
/* 평가 입력 */
.evp-top{display:flex;align-items:center;gap:12px;margin:18px 0 14px}
.evp-top h2{font:26px/1.15 var(--jua)}
.evp-who{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.evp-who .t{flex:1 1 150px;min-width:0}
.evp-who .t b{font:21px/1.2 var(--jua);display:block}
.evp-who .t small{font:500 13px var(--body);color:var(--ink3)}
.evp-who .kb{white-space:normal;text-align:center;line-height:1.15}
.evp-warn{display:block;margin-top:16px;transform:none}
.evp-q{scroll-margin:90px}
.evp-qh{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.evp-no{margin-left:auto;font:16px/1 var(--jua);color:var(--ink3)}
.evp-q h3{font:21px/1.3 var(--jua);word-break:keep-all}
.evp-q .knote{margin-top:4px}
.evp-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}
.evp-scale button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 2px 9px;border-radius:16px;background:#fff;border:2px solid var(--line);box-shadow:0 4px 0 var(--line-lip);color:var(--ink2);transition:transform .12s cubic-bezier(.34,1.56,.64,1),background .12s}
.evp-scale button b{font:26px/1 var(--jua);color:var(--ink)}
.evp-scale button small{font:700 12px/1.15 var(--body);word-break:keep-all;text-align:center}
.evp-scale button:hover{border-color:var(--cy-soft)}
.evp-scale button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line-lip)}
.evp-scale button.on{background:var(--cy);border-color:var(--cy);box-shadow:0 4px 0 var(--cy-lip);color:#fff;animation:kPop .35s cubic-bezier(.34,1.56,.64,1)}
.evp-scale button.on b{color:#fff}
.evp-scale button.on.low{background:var(--pk);border-color:var(--pk);box-shadow:0 4px 0 var(--pk-lip);color:var(--ink)}
.evp-scale button.on.low b{color:var(--ink)}
.evp-cm{scroll-margin:90px}
.evp-lab{display:flex;align-items:center;gap:8px;font:19px/1 var(--jua);color:var(--ink);margin:0 0 8px}
.evp-lab~.evp-lab{margin-top:16px}
.evp-ta{width:100%;min-height:84px;resize:vertical;border:2px solid var(--line);border-radius:14px;box-shadow:0 3px 0 var(--line-lip);padding:11px 13px;font:500 15px/1.5 var(--body);color:var(--ink);background:#fff;outline:0}
.evp-ta:focus{border-color:var(--cy)}
.evp-cm .knote{margin-top:10px}
.evp-flash{animation:evpFlash 1s ease}
@keyframes evpFlash{0%,60%{box-shadow:0 0 0 4px var(--pk),0 5px 0 var(--line-lip)}100%{box-shadow:0 5px 0 var(--line-lip)}}
.evp-formv{padding-bottom:30px}
.evp-bar{position:fixed;left:0;right:0;bottom:0;z-index:35;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:2px solid var(--line);box-shadow:0 -4px 0 rgba(0,0,0,.03)}
.evp-bin{max-width:860px;margin:0 auto;display:flex;align-items:center;gap:14px}
.evp-bt{flex:1;min-width:0}
.evp-bt b{display:block;font:18px/1.2 var(--jua);margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evp-bt b.need{color:var(--pk-ink)}
.evp-bt .kbar i{animation:none;transition:width .25s}
body.evp-form .shell{padding-bottom:110px}
body.evp-form #toast{bottom:calc(96px + env(safe-area-inset-bottom))}
/* 내 결과 */
.evp-rrow{display:flex;align-items:center;gap:18px;margin-top:16px}
.evp-gl{font:22px/1.2 var(--jua)}
.evp-gb{flex:none;width:92px;height:92px;border-radius:26px;background:#fff;display:grid;place-items:center;font:60px/1 var(--jua);color:var(--cy-ink);box-shadow:0 6px 0 rgba(0,0,0,.12);transform:rotate(-4deg);animation:kPop .5s cubic-bezier(.34,1.56,.64,1)}
.evp-gb.gB{color:var(--ye-ink)}.evp-gb.gC{color:var(--pk-ink)}
.evp-rt{min-width:0;flex:1}
.evp-rt .kway{margin-top:10px}
.evp-chips{margin:0 0 4px}
.evp-gap{margin-top:14px}
.evp-say{background:#FCFCFE;border:2px solid var(--line);border-radius:16px;padding:10px 14px;font:500 15px/1.55 var(--body);white-space:pre-wrap;word-break:break-word}
.evp-say+.evp-say{margin-top:8px}
.evp-emp{margin-top:6px}
.evp-hist{display:flex;gap:10px;flex-wrap:wrap}
.evp-hq{display:flex;align-items:center;gap:10px;background:#F7F7FA;border-radius:16px;padding:8px 14px 8px 8px}
.evp-hq b{font:17px/1 var(--jua)}
.evp-hq small{font:700 12px var(--body);color:var(--ink3)}
.evp-gs{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font:21px/1 var(--jua);background:var(--cy);color:#fff;box-shadow:0 3px 0 var(--cy-lip)}
.evp-gs.gB{background:var(--ye);color:var(--ink);box-shadow:0 3px 0 var(--ye-lip)}
.evp-gs.gC{background:var(--pk);color:var(--ink);box-shadow:0 3px 0 var(--pk-lip)}
.evp-gs.gx{background:#E9E9EF;color:var(--ink3);box-shadow:0 3px 0 var(--line-lip)}
/* 홈 타일 */
.evp-tchip{font-size:26px!important}
/* 시트 */
body.k .sheet .evp-snote{margin-top:12px}
body.k .sheet .evp-red{background:var(--pk);border-color:var(--pk);color:var(--ink);box-shadow:0 4px 0 var(--pk-lip)}
.evp-pre{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;background:var(--ye-pale);border-radius:14px;padding:10px 12px;font:500 14px var(--body)}
.evp-pre span{flex:1 1 160px}
/* 되돌리기 알림 */
#evpToast{position:fixed;left:50%;width:max-content;bottom:28px;transform:translateX(-50%) translateY(20px);z-index:61;display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff;padding:10px 10px 10px 18px;border-radius:16px;font:17px/1.3 var(--jua);box-shadow:0 5px 0 #000;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100vw - 32px)}
#evpToast.on{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
#evpToast button{flex:none;font:16px/1 var(--jua);background:var(--ye);color:var(--ink);border:0;border-radius:12px;padding:10px 12px;box-shadow:0 3px 0 var(--ye-lip)}
@media (max-width:560px){
  .evp .khero h1{font-size:28px}
  body.evp-form .knav .tabs{display:none}
  body.evp-form .shell{padding-bottom:110px}
  .evp-scale{gap:6px}
  .evp-scale button{padding:9px 1px 8px}
  .evp-scale button b{font-size:24px}
  .evp-scale button small{font-size:11px}
  .evp-top h2{font-size:23px}
  .evp-big b{font-size:40px}
  .evp-gb{width:76px;height:76px;font-size:50px}
  #evpToast{bottom:calc(96px + env(safe-area-inset-bottom))}
  body.evp-form #evpToast{bottom:calc(96px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){
  .evp-scale button.on,.evp-gb,.evp-flash{animation:none}
}