.pk-h{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.pk-intro{color:var(--ink-soft);font-size:.9375rem;margin:4px 0 18px;max-width:60ch}
.pk-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.pk-bar input[type=search],.pk-f input[type=text],.pk-f textarea,.pk-f select{font:inherit;border:1px solid var(--rule-mid);border-radius:10px;padding:10px 12px;background:var(--paper);color:var(--ink);min-width:0}
.pk-bar input[type=search]{flex:1;max-width:340px}
.pk-card{background:var(--paper);border:1px solid var(--rule-mid);border-radius:16px;padding:16px;margin-bottom:16px}
.pk-tbl{width:100%;border-collapse:collapse;font-size:.875rem}
.pk-tbl th{text-align:left;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);padding:10px;border-bottom:1px solid var(--rule-mid)}
.pk-tbl td{padding:12px 10px;border-bottom:1px solid var(--rule-mid);vertical-align:middle}
.pk-tbl tr:last-child td{border-bottom:0}
.pk-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.pk-chip{display:inline-block;font-size:.6875rem;padding:3px 8px;border-radius:999px;background:var(--surface);color:var(--ink-soft)}
.pk-chip.live{background:#E9F9F1;color:#137a4b}.pk-chip.stopped{background:#FDECEB;color:#a02a22}.pk-chip.ended{background:#FDF3E2;color:#9a5a00}
.pk-sub{display:block;font-size:.75rem;color:var(--ink-subtle);margin-top:2px}
.pk-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
.pk-chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.pk-chips button{border:1px solid var(--rule-mid);background:var(--paper);border-radius:999px;padding:5px 11px;font:inherit;font-size:.8125rem;cursor:pointer;color:var(--ink-soft)}
.pk-chips button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.pk-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-height:340px;overflow:auto;padding:2px}
.pk-pc{border:1px solid var(--rule-mid);border-radius:12px;padding:10px;font-size:.8125rem;background:var(--paper);cursor:pointer;display:block}
.pk-pc.on{outline:2px solid var(--cobalt)}
.pk-pc.off{opacity:.55;cursor:default}
.pk-pc b{display:block;font-weight:600}.pk-pc code{font-size:.6875rem;color:var(--ink-subtle)}
.pk-pc input{margin-right:6px}
.pk-f{margin-top:12px;font-size:.8125rem}.pk-f>label,.pk-f>span.l{display:block;color:var(--ink-soft);margin-bottom:5px}
.pk-f input[type=text],.pk-f textarea,.pk-f select{width:100%}
.pk-f textarea{min-height:70px;resize:vertical}
.pk-checks{display:flex;flex-direction:column;gap:6px}
.pk-checks label{display:flex;gap:8px;align-items:center}
.pk-soon{font-size:.625rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--rule-mid);border-radius:999px;padding:2px 7px;color:var(--ink-subtle);margin-left:6px}
.pk-link{display:flex;gap:8px;align-items:center;background:var(--surface);border:1px solid var(--rule-mid);border-radius:12px;padding:10px 12px;font-family:var(--mono);font-size:.8125rem;flex-wrap:wrap}
.pk-link span{flex:1;min-width:0;overflow-wrap:anywhere}
.pk-note{color:var(--ink-soft);font-size:.8125rem;margin-top:10px}
.pk-err{color:var(--warn);font-size:.8125rem;margin-top:10px}
.pk-confirm{display:inline-flex;gap:6px;align-items:center;font-size:.8125rem}
.pk-empty{text-align:center;padding:36px 12px;color:var(--ink-soft)}
.pk-empty p{margin:0 0 14px}
@media(max-width:860px){.pk-grid{grid-template-columns:1fr}.pk-tbl th:nth-child(2),.pk-tbl td:nth-child(2){display:none}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:.84375rem;font-weight:600;color:var(--ink);background:var(--paper);border:1px solid var(--rule-mid);border-radius:10px;padding:9px 16px;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--surface)}
.btn:disabled{opacity:.5;cursor:default}
.btn-primary{color:var(--paper);background:var(--cobalt);border-color:var(--cobalt)}
.btn-primary:hover{background:var(--cobalt-dark)}

.packs-workspace .pk-card:has(.pk-tbl){overflow:auto}
.packs-workspace .pk-name{border:0;background:none;color:var(--cobalt);font:inherit;font-weight:650;text-align:left;cursor:pointer;padding:6px 0}
.packs-workspace .pk-name:hover{text-decoration:underline}
.packs-workspace .pk-bar input{border-radius:28px;padding:15px 20px;max-width:760px;width:100%}
.packs-workspace .pk-chips{margin:14px 0 22px}
.packs-workspace .pk-tbl th{white-space:nowrap;font-size:11px;letter-spacing:.05em}
.packs-workspace .pk-tbl td{padding:20px 12px}
.packs-workspace .pk-card h3{margin-top:0}
.packs-workspace details{margin:24px 0}
.packs-workspace summary{cursor:pointer;font-weight:600}
.packs-workspace :focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}

.packs-workspace .pk-grid{align-items:start}.packs-workspace #pkMembers{overflow:auto;margin-bottom:16px}.packs-workspace #pkMembers td{padding:12px 8px}.packs-workspace .pk-f input[type="text"]{width:100%;padding:12px 14px;border:1px solid var(--rule-mid);border-radius:10px;font:inherit;background:var(--paper);color:inherit}