/* 협력사 창구(partner.egscompany.co.kr) — 키트(/shared/kit tokens·base) 위에 이 파일만. 색은 키트 토큰만(새 색 리터럴 없음).
   직원 앱 CSS(portal.css·app.css)는 싣지 않는다 — 필요한 부품(머리·알림 띠·칩·키값 목록·접기)만 같은 모양으로. */
body{background:var(--bg)}
.pa-head{position:sticky;top:0;z-index:var(--z-nav);background:var(--surface);border-bottom:1px solid var(--line)}
.pa-head-in{max-width:68rem;margin:0 auto;padding:0 1.5rem;height:var(--header-h);display:flex;align-items:center;gap:1rem}
.pa-brand{display:inline-flex;align-items:center;gap:.625rem;color:var(--text);font-weight:var(--fw-bold);font-size:var(--fs-title);text-decoration:none}
.pa-brand img{height:1.75rem;width:auto}
.pa-me{margin-left:auto;display:flex;align-items:center;gap:.875rem;font-size:var(--fs-label);flex-wrap:wrap}
.pa-me a{color:var(--text-sub)}
.pa-who{font-weight:var(--fw-semibold)}
.pa-main{max-width:68rem;margin:0 auto;padding:1.5rem 1.5rem 2.5rem}
.pa-foot{max-width:68rem;margin:0 auto;padding:0 1.5rem 2rem;font-size:var(--fs-hint);color:var(--text-sub)}
.pa-title{font-size:var(--fs-page-title);font-weight:var(--fw-bold);margin:0 0 .75rem}
.pa-titlebar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}
.pa-titlebar .pa-title{margin:0}
.pa-sub{margin:-.25rem 0 1rem;color:var(--text-sub);font-size:var(--fs-label)}
.card{margin-bottom:var(--gap)}
.card h2{font-size:var(--fs-title);font-weight:var(--fw-semibold);margin:0 0 .75rem}
.card h3{font-size:var(--fs-body);font-weight:var(--fw-semibold);margin:1rem 0 .5rem}
.pa-login{max-width:26rem;margin:2.5rem auto}
.pa-wide{width:100%}
.pa-fs{border:0;margin:0;padding:0;min-width:0}
.field .input{width:100%}
.tbl.text th,.tbl.text td{text-align:left;white-space:normal}
.tbl.text .num{text-align:right;white-space:nowrap}
.tbl.text .nowrap{white-space:nowrap}
.btn.dark{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
.crumb{margin:0 0 .375rem;font-size:var(--fs-label)}
.crumb a{color:var(--text-sub)}
.flash{padding:.625rem .875rem;border-radius:var(--radius-sm);margin:0 0 .75rem;font-size:var(--fs-label);background:var(--th-bg);color:var(--text)}
.flash.error{background:var(--red-soft)}
.flash.success{background:var(--green-soft)}
.flash.warn{background:var(--yellow-soft)}
.chip{display:inline-flex;align-items:center;height:var(--chip-h);padding:0 .5625rem;border-radius:var(--radius-pill);
  font-size:var(--fs-badge);font-weight:var(--fw-semibold);white-space:nowrap;background:var(--th-bg);color:var(--text-sub)}
.chip.pa-open{background:var(--accent-soft);color:var(--accent)}
.chip.pa-sent,.chip.pa-won{background:var(--ink);color:var(--on-ink)}
.chip.pa-late{background:var(--red-soft);color:var(--red)}
.kv{margin:0;display:flex;flex-direction:column;gap:.5rem}
.kv div{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.5rem;font-size:var(--fs-label)}
.kv dt{color:var(--text-sub)}
.kv dd{margin:0}
.kv .pre{white-space:pre-line}
.pa-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 .875rem}
.form-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.375rem}
.req{color:var(--red)}
.pa-files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem;font-size:var(--fs-label)}
.pa-files a{color:var(--text)}
.pa-qtbl .input.sm{width:100%;min-width:0;text-align:right}
.pa-qtbl{table-layout:fixed;width:100%}
.pa-qtbl .c-name{width:30%}.pa-qtbl .c-spec{width:22%}.pa-qtbl .c-qty{width:12%}.pa-qtbl .c-price{width:18%}.pa-qtbl .c-amt{width:18%}
.pa-amt,.pa-total td{font-variant-numeric:tabular-nums;white-space:nowrap}
.pa-total td{font-weight:var(--fw-bold);border-top:1px solid var(--line)}
.pa-tbl a{color:var(--text);font-weight:var(--fw-semibold)}
.fold{margin-top:.5rem}
.fold>summary{display:inline-flex;align-items:center;min-height:var(--ctl-h-sm);padding:0 .625rem;border:1px solid var(--line);
  border-radius:var(--radius-sm);background:var(--surface);font-size:var(--fs-btn-sm);font-weight:var(--fw-medium);list-style:none}
.fold>summary::-webkit-details-marker{display:none}
.fold[open]>summary{margin-bottom:.625rem;background:var(--th-bg)}
.fold>form{padding:.75rem;border-radius:var(--radius-sm);background:var(--surface2)}
@media (max-width:946px){
  .pa-cols,.form-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .pa-head-in,.pa-main,.pa-foot{padding-left:1rem;padding-right:1rem}
  .pa-qtbl{table-layout:auto}
  .kv div{grid-template-columns:6rem minmax(0,1fr)}
  .input{font-size:16px}            /* iOS 포커스 확대 방지(휴대폰 입력칸 16px 이상) */
}