@charset "utf-8";
/* ============================================================================
   의류수량 파악 앞단 (2026-10-10, 업무 33번 · 41번)
   자격검정 모양(certificate/cert.css)을 그대로 쓰고, 의류주문에서 다른 것만 여기 둔다.
   ========================================================================== */

/* 목록 — 날짜 칸이 없는 카드 */
.wsw .wsw-ex{grid-template-columns:minmax(0,1fr) auto}

/* 품목 표 */
.wsw-items td b{font-weight:700}

/* 신청 칸 */
.wsw-login{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px 20px;border:1px dashed var(--wc-line,#dfe6f0);border-radius:12px;background:#fafbfd}
.wsw-login p{flex:1 1 100%;margin:0;color:var(--wsf-muted)}
.wsw-lines{display:grid;gap:10px}
.wsw-line{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) 84px minmax(0,1.2fr) 40px;gap:8px 10px;align-items:end;
  padding:12px 14px;border:1px solid var(--wsf-line);border-radius:12px;background:#fff}
.wsw-line label{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0}
.wsw-line label > span,.wsw-who label > span{font-size:13px;font-weight:700;color:var(--wsf-muted)}
.wsw-line select,.wsw-line input,.wsw-who input{width:100%;height:44px;padding:0 10px;border:1px solid #cfd9e8;border-radius:9px;background:#fff;
  font-size:15.5px;color:var(--wsf-ink);box-sizing:border-box}
.wsw-line select:disabled{background:#f4f6f9;color:#98a4b6}
.wsw-line select:focus,.wsw-line input:focus,.wsw-who input:focus{outline:none;border-color:var(--wsf-brand);box-shadow:0 0 0 3px rgba(18,87,196,.14)}
.wsw-line .f-qty input{text-align:right;font-variant-numeric:tabular-nums}
.wsw-line .f-del{align-self:end;width:40px;height:44px;border:1px solid #e5c1bc;border-radius:9px;background:#fff;color:#b3261e;font-size:16px;cursor:pointer}
.wsw-line .f-del[hidden]{display:block;visibility:hidden}
.wsw-add{margin-top:10px}
.wsw-add .ic{width:16px;height:16px}
.wsw-hint{margin:8px 0 0;font-size:14px;color:var(--wsf-muted)}
.wsw-who{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:18px 0 0}
.wsw-who label{display:flex;flex-direction:column;gap:4px;margin:0}
.wsw-who label.wide{grid-column:1/-1}
.wsw-who i{font-style:normal;color:#b3261e}
.wsw-sum{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:18px 0 0;padding:14px 18px;border-radius:12px;background:#eef4ff}
.wsw-sum span{font-size:16px;color:#1d3b6e}
.wsw-sum b{font-size:22px;font-weight:800;color:var(--wsf-ink);font-variant-numeric:tabular-nums}
.wsw-sum .wsf-btn{margin-left:auto;min-width:140px}

/* 내 신청 */
.wsw-my{padding:14px 16px;border:1px solid var(--wsf-line);border-radius:12px;background:#fff;margin:0 0 10px}
.wsw-my.is-cx{background:#f8f9fb;color:#8a97ab}
.wsw-my__h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.wsw-my__amt{margin-left:auto;font-weight:800;font-variant-numeric:tabular-nums}
.wsw-my.is-cx .wsw-my__amt{text-decoration:line-through}
.wsw-my__x{margin:0}
.wsw-my__lines{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px dashed var(--wsf-line);display:grid;gap:4px}
.wsw-my__lines li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:15px}
.wsw-my__lines li span{color:#4a5a73}
.wsw-my__lines li .w{color:var(--wsf-muted);font-size:14px}
.wsw-my__lines li em{margin-left:auto;font-style:normal;font-variant-numeric:tabular-nums}
.wsw-my__m{margin:8px 0 0;font-size:14px;color:var(--wsf-muted)}

@media (max-width:760px){
  .wsw .wsw-ex{grid-template-columns:minmax(0,1fr)}
  .wsw-line{grid-template-columns:1fr 1fr;padding:12px}
  .wsw-line .f-item,.wsw-line .f-wear{grid-column:1/-1}
  .wsw-line .f-del{grid-column:2;justify-self:end}
  .wsw-who{grid-template-columns:1fr}
  .wsw-sum .wsf-btn{margin-left:0;width:100%}
}