/* Protos tab (2026-10-27): every crew proto, its lock state and password. Phone-safe.
   2026-10-28: cockpit tokens only (--line / --chip never existed, so dark mode got light borders and near-white chips), and
   pt-head / pt-title / pt-dim / pt-tools are THE ShooVerse page header: Protos, Messages, Shoo Store, Contest, Made by the team. */
.pt-head{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.pt-title{font-size:20px;font-weight:800;margin:0 0 4px}
.pt-head>div:first-child{max-width:72ch;line-height:1.5}
.pt-dim{font-size:12.5px;color:var(--muted)}
.pt-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pt-q{min-width:200px;padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:inherit;font:inherit}
.pt-sel{padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:inherit;font:inherit}
.pt-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:8px;background:var(--card)}
.pt-main{flex:1;min-width:240px}
.pt-name{font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pt-url{font-size:12.5px;margin-top:4px;word-break:break-all}
.pt-url a{color:var(--teal)}
.pt-mini{font:inherit;font-size:11.5px;padding:2px 8px;border:1px solid var(--border);border-radius:8px;background:none;color:var(--muted);cursor:pointer;margin-left:6px}
.pt-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pt-acts .btn{padding:7px 14px}
.pt-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;background:var(--fill-hover);color:var(--muted)}
.pt-tag.pt-live{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}
.pt-tag.pt-lock{color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,transparent)}
.pt-empty{padding:24px;color:var(--muted)}
@media (max-width:720px){.pt-acts{width:100%}.pt-acts .btn{flex:1;text-align:center}}