/*
 * links.css — My business › Selling, "Your links": every public link a partner has, with
 * Copy / Open / QR (Batch 3 item 8). New styles only; the row itself reuses .linkrow from
 * components.css so it reads like every other address list in the portal.
 */
.pl-group{margin:14px 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);font-weight:600}
.pl-group:first-of-type{margin-top:4px}
.pl-state{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--amber-bg);color:var(--amber);font-size:11.5px;letter-spacing:0;text-transform:none;font-weight:600;vertical-align:1px}
.pl-demo{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--purple-bg);color:var(--purple);font-size:11.5px;font-weight:600}
.pl-omit{margin-top:10px;font-size:12.5px;color:var(--t2)}

/* The QR modal: one link's QR, the exact address under it, and Download PNG. */
.pl-modal{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,9,16,.62)}
.pl-modal[hidden]{display:none}
.pl-dialog{box-sizing:border-box;width:min(380px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--panel);color:var(--t1);border:1px solid var(--line2);border-radius:14px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.pl-dialog h3{font:600 15px/1.3 Inter,system-ui,sans-serif;color:var(--t1);margin:0 0 4px}
.pl-dialog .pl-img{display:block;width:100%;max-width:280px;aspect-ratio:1/1;margin:12px auto;background:#fff;border-radius:8px;padding:8px;box-sizing:border-box}
.pl-dialog .pl-url{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;color:var(--t2);overflow-wrap:anywhere;text-align:center;margin:0 0 14px}
.pl-dialog .pl-acts{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}

/* "Copied" — one toast for the whole list, bottom centre, never over the button that made it. */
.pl-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:96;padding:10px 16px;border-radius:10px;background:var(--card2);color:var(--t1);border:1px solid var(--line2);font-size:13.5px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.pl-toast[hidden]{display:none}
