@import url("./design-system.css");

@layer pp-legacy {
/* Product surfaces: shared proportions, typography and interaction states. */
:root{}
*{box-sizing:border-box}body{margin:0;color:var(--pd-ink);font-family:Pretendard,-apple-system,sans-serif;background:var(--pd-bg);font-size:14px;letter-spacing:0;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}button,input,select,textarea{font:inherit}a{color:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent }button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--pk-slate-2);outline-offset:3px}button,a,input,select{transition:background .16s,border-color .16s}button[hidden],section[hidden],[hidden]{display:none!important}
.pd-logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:21px;font-weight:var(--pk-weight-semibold);letter-spacing:0}.pd-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--pd-highlight);border-radius:10px;color:var(--pk-ink);font-size:20px;letter-spacing:0;padding-right:3px;font-weight:var(--pk-weight-semibold)}.pd-logo small{font-size:10px;letter-spacing:0;font-weight:var(--pk-weight-semibold);margin-left:5px;color:var(--pd-muted)}
.pd-btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 16px;border:1px solid var(--pd-line);border-radius:10px;background:var(--pk-surface);color:var(--pd-ink);text-decoration:none;font-size:13px;font-weight:var(--pk-weight-semibold);white-space:nowrap}.pd-btn:hover{background:var(--pk-accent-soft);border-color:var(--pk-line)}.pd-btn.primary{background:var(--pd-accent);color:var(--pk-surface);border-color:var(--pd-accent)}.pd-btn.primary:hover{background:var(--pk-ink)}.pd-btn.text{background:none;border-color:transparent;color:var(--pd-muted);padding:8px}.pd-kicker{font-size:11px;color:var(--pd-muted);font-weight:var(--pk-weight-semibold);letter-spacing:0}.pd-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.pd-heading h2{font-size:18px;letter-spacing:0;margin:0;font-weight:var(--pk-weight-semibold)}.pd-heading p{color:var(--pd-muted);font-size:12px;margin:5px 0 0;line-height:1.6}.pd-muted{color:var(--pd-muted)}.pd-pill{display:inline-flex;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:var(--pk-weight-semibold);line-height:1.4;white-space:nowrap;background:var(--pk-accent-soft);color:var(--pk-slate)}.pd-pill.warn{background:var(--pk-accent-soft);color:#956628}.pd-pill.danger{background:var(--pk-accent-soft);color:#a7503f}.pd-empty{padding:36px 24px;text-align:center;line-height:1.7;color:var(--pd-muted);font-size:13px}.pd-empty strong{display:block;color:var(--pd-ink);font-size:15px;font-weight:var(--pk-weight-semibold);margin-bottom:4px}.pd-empty .pd-btn{margin-top:16px}.pd-error{background:var(--pk-paper);color:#925334;padding:14px 18px;border:1px solid var(--pk-line);border-radius:10px;line-height:1.7}.pd-skeleton{background:var(--pk-accent-soft);color:transparent;border-radius:5px}.pd-skeleton:empty{height:22px;min-width:60px}.pd-table-wrap{overflow:auto}.pd-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}.pd-table th{text-align:left;color:var(--pd-muted);font-size:11px;font-weight:var(--pk-weight-semibold);padding:12px 14px;border-bottom:1px solid var(--pd-line)}.pd-table td{padding:15px 14px;border-bottom:1px solid var(--pk-accent-soft)}.pd-table tr:last-child td{border-bottom:0}.pd-table a{text-decoration:none;font-weight:var(--pk-weight-semibold)}.pd-table a:hover{color:var(--pd-accent);text-decoration:underline}.pd-table small{display:block;color:var(--pd-muted);font-size:11px;margin-top:4px}.pd-card{border:1px solid var(--pd-line);border-radius:var(--pd-radius);background:var(--pk-surface);padding:22px}.pd-avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--pk-accent-soft);color:var(--pk-slate);font-size:12px;flex-shrink:0}.pd-row-name{display:flex;gap:10px;align-items:center}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:600px){.pd-card{padding:18px}.pd-heading{gap:10px}.pd-heading h2{font-size:17px}.pd-logo{font-size:20px}.pd-logo small{display:none}}

.pd-mark{letter-spacing:-3px;font-weight:var(--pk-weight-bold)}.pd-logo small{letter-spacing:0}.pd-heading p{font-size:13px}
}