/* assets/css/pin-link.css — v285 pin link button (Brutal Lite, strict rules):
   the yellow Plan button stays the ONLY hard-shadow element on a pin page, so this
   button is a calm outline card — 1.5px ink border, white, radius 14px, grey icon
   tile, Phosphor icons, black. No public counts anywhere on this file's markup. */

.go-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--ink,#141518);
  border-radius:14px;background:#fff;cursor:pointer;width:100%;text-align:left;text-decoration:none;color:inherit;
  box-shadow:none;}
.go-card:active{transform:scale(.99);}
.go-ico{width:40px;height:40px;border-radius:11px;background:var(--card-2,#f0efe9);display:flex;align-items:center;
  justify-content:center;font-size:19px;flex:0 0 auto;color:var(--ink,#141518);}
.go-txt{flex:1;min-width:0;}
.go-label{font:800 15.5px/1.2 var(--font-display);display:flex;align-items:center;gap:6px;color:var(--ink,#141518);flex-wrap:wrap;}
.go-dom{font:600 12px/1.3 var(--font-ui);color:var(--muted,#6b6f76);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.go-arrow{font-size:18px;flex:0 0 auto;color:var(--ink,#141518);}
.go-official{display:inline-flex;align-items:center;gap:3px;font:800 10.5px/1 var(--font-ui);padding:3px 7px;
  border-radius:999px;background:var(--card-2,#f0efe9);color:var(--ink,#141518);}
.go-official i{font-size:11px;}
.go-note{display:flex;align-items:center;gap:6px;font:600 11.5px/1.35 var(--font-ui);color:var(--muted,#6b6f76);margin:8px 2px 0;}
.go-note i{font-size:13px;color:var(--ink,#141518);}
.go-report{display:flex;align-items:center;gap:6px;font:600 11.5px/1 var(--font-ui);color:var(--muted-2,#9a9da3);
  background:none;border:0;padding:8px 2px 0;cursor:pointer;}

/* Leaving sheet (unknown-trust domain) */
.go-sheet-overlay{position:fixed;inset:0;background:rgba(20,21,24,.45);z-index:900;display:none;}
.go-sheet-overlay.is-open{display:block;}
.go-sheet{position:fixed;left:0;right:0;bottom:0;z-index:901;background:#fff;border-radius:24px 24px 0 0;
  padding:10px 20px 28px;max-width:480px;margin:0 auto;}
.go-sheet .grab{width:36px;height:4px;border-radius:99px;background:var(--card-2,#f0efe9);margin:4px auto 14px;}
.go-sheet h2{font:800 20px/1.2 var(--font-display);margin:0 0 8px;color:var(--ink,#141518);}
.go-sheet p{font:500 14px/1.55 var(--font-ui);color:var(--ink-soft,#3c3d41);margin:0 0 14px;}
.go-sheet .dom-box{display:flex;align-items:center;gap:8px;background:var(--card-2,#f0efe9);border-radius:12px;
  padding:10px 12px;font:700 13px/1.2 var(--font-ui);color:var(--ink,#141518);margin-bottom:14px;}
.go-sheet .warn-line{display:flex;align-items:flex-start;gap:8px;font:600 12px/1.45 var(--font-ui);
  color:var(--ink-soft,#3c3d41);background:var(--card-2,#f0efe9);border-radius:10px;padding:10px 12px;margin-bottom:16px;}
.go-sheet .warn-line i{color:var(--ink,#141518);margin-top:1px;}

/* Clips pill — small, never covers video controls or the Plan button */
.clip-go{display:inline-flex;align-items:center;gap:6px;font:700 11.5px/1 var(--font-ui);background:#fff;
  border:1.5px solid var(--ink,#141518);border-radius:999px;padding:7px 11px;color:var(--ink,#141518);
  text-decoration:none;max-width:100%;}
.rf-foot .clip-go{display:flex;width:fit-content;margin-top:8px;}   /* own line under the place name */
.clip-go span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted,#6b6f76);font-weight:600;margin-left:3px;}
.clip-go i:last-child{font-size:13px;flex:0 0 auto;}

/* Add-a-button form section (wizard + edit) */
.pl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.pl-chip{display:inline-flex;align-items:center;gap:6px;font:700 12.5px/1 var(--font-ui);padding:9px 12px;
  border-radius:999px;border:1.5px solid var(--ink,#141518);background:#fff;color:var(--ink,#141518);cursor:pointer;}
.pl-chip.is-on{background:var(--ink,#141518);color:#fff;}
.pl-check{display:flex;align-items:flex-start;gap:8px;font:600 12.5px/1.4 var(--font-ui);border-radius:10px;
  padding:10px 12px;margin-top:8px;}
.pl-check.ok{background:#eaf7ee;color:#1f7a3d;}
.pl-check.wait{background:var(--card-2,#f0efe9);color:var(--ink-soft,#3c3d41);}
.pl-check.bad{background:#fdecec;color:#b42318;}
.pl-counter{font:600 11px/1 var(--font-ui);color:var(--muted,#6b6f76);text-align:right;margin-top:4px;}

/* Owner-only tap stats (my-pins.php) */
.pl-owner-stat{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--card-2,#f0efe9);}
.pl-owner-stat b{font:800 18px/1 var(--font-display);}
.pl-owner-warn{display:flex;align-items:flex-start;gap:8px;font:600 12px/1.4 var(--font-ui);color:#b42318;
  background:#fdecec;border-radius:10px;padding:10px 12px;margin-top:8px;}

/* v317: the "Add a button" card in the pin forms - same look as the Offer card above it (icon tile + title, padding, full-width link field) */
#plFormBox{ padding:14px 16px !important; background:var(--yellow-soft); box-shadow:none; }
#plFormBox .offer-head{ display:flex; align-items:center; gap:12px; margin:0 0 8px; }
#plFormBox .tag-ic{ width:34px; height:34px; border-radius:9px; background:var(--yellow); border:var(--bd); display:flex; align-items:center; justify-content:center; color:var(--ink); font-size:16px; flex:0 0 auto; }
#plFormBox .offer-title{ flex:1; min-width:0; font:800 14px/1.2 var(--font-ui); color:var(--ink); }
#plFormBox .field-hint{ margin:0 0 12px; }
#plFormBox .field, #plFormBox .input{ width:100%; box-sizing:border-box; min-width:0; }
#plFormBox .field{ background:rgba(255,255,255,.6); border:1px solid rgba(22,19,16,.12); border-radius:12px; padding:10px 12px; margin:0 0 10px; }
#plFormBox .field .input{ background:#fff; }
#plFormBox .pl-chip{ min-height:44px; padding:0 14px; }
#plFormBox #plAffiliateRow{ display:flex; align-items:center; gap:10px; min-height:44px; }
#plFormBox #plAffiliateRow[hidden]{ display:none; }
#plFormBox #plAffiliateHint{ margin:0 0 4px 32px; }
#plFormBox input[type="checkbox"]{ width:22px; height:22px; flex:0 0 auto; }