/* ADD TO PROJECT — the shared picker (core/add-to-project.js, Phase 5.2, 12dc). Its own tokens, light and dark:
   it opens over any tool, and over the My links sheet (z 1150). */
.dlap-ov{--ap-card:#fff;--ap-ink:#1d1d1f;--ap-ink2:#5e5e63;--ap-line:#d2d2d7;--ap-hair:rgba(0,0,0,.08);--ap-fill:#f5f5f7;
  --ap-tint:rgba(0,113,227,.08);--ap-tint-line:rgba(0,113,227,.35);--ap-link:#0062c4;--ap-green:#1a7f37;--ap-danger:#c4281c;
  position:fixed;inset:0;z-index:1200;display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px 16px;background:rgba(0,0,0,.35);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif}
html.dark .dlap-ov{--ap-card:#1c1c1e;--ap-ink:#f5f5f7;--ap-ink2:#a1a1a6;--ap-line:#3a3a3c;--ap-hair:rgba(255,255,255,.1);--ap-fill:#2c2c2e;
  --ap-tint:rgba(41,151,255,.14);--ap-tint-line:rgba(41,151,255,.45);--ap-link:#4da3ff;--ap-green:#4ade80;--ap-danger:#ff6b5e;background:rgba(0,0,0,.6)}
.dlap-ov[hidden]{display:none}
html.dlap-lock,html.dlap-lock body{overflow:hidden}
.dlap{width:min(520px,100%);max-height:80vh;display:flex;flex-direction:column;gap:10px;background:var(--ap-card);color:var(--ap-ink);
  border-radius:16px;padding:16px;box-shadow:0 24px 60px -20px rgba(0,0,0,.45),0 0 0 1px var(--ap-hair)}
.dlap-h{display:flex;align-items:flex-start;gap:10px}
.dlap-ht{flex:1;min-width:0}
.dlap-h h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--ap-ink)}
.dlap-s{margin:2px 0 0;font-size:13px;color:var(--ap-ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dlap-x{flex:0 0 auto;width:32px;height:32px;border:0;border-radius:50%;background:var(--ap-fill);color:var(--ap-ink);font-size:20px;line-height:1;cursor:pointer}
.dlap-q{width:100%;box-sizing:border-box;font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--ap-line);border-radius:10px;background:var(--ap-card);color:var(--ap-ink)}
.dlap-q::placeholder{color:var(--ap-ink2)}
.dlap-x:focus-visible,.dlap-q:focus-visible,.dlap-pick:focus-visible,.dlap-rm:focus-visible,.dlap-retry:focus-visible{outline:2px solid var(--ap-link);outline-offset:2px}
.dlap-body{overflow:auto;min-height:60px;display:flex;flex-direction:column;gap:6px}
.dlap-bh{font-size:12px;font-weight:700;color:var(--ap-ink2);text-transform:uppercase;letter-spacing:.04em;margin:6px 2px 0}
.dlap-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.dlap-row{display:flex;align-items:stretch;gap:6px}
.dlap-pick{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;column-gap:10px;text-align:left;font:inherit;color:var(--ap-ink);
  background:transparent;border:1px solid var(--ap-hair);border-radius:10px;padding:8px 10px;cursor:pointer}
button.dlap-pick:hover{border-color:var(--ap-tint-line);background:var(--ap-tint)}
button.dlap-pick:disabled{opacity:.6;cursor:default}
.dlap-pick.is-in{cursor:default;background:var(--ap-fill)}
.dlap-n{grid-column:1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dlap-sub{grid-column:1;grid-row:2;font-size:12px;color:var(--ap-ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dlap-add,.dlap-st{grid-column:2;grid-row:1/3;align-self:center;font-size:12.5px;font-weight:700;white-space:nowrap}
.dlap-add{color:var(--ap-link)}
.dlap-st{color:var(--ap-green)}
.dlap-tag{font-style:normal;font-size:11px;font-weight:600;color:var(--ap-ink2);border:1px solid var(--ap-line);border-radius:999px;padding:0 6px;margin-left:6px}
.dlap-rm{flex:0 0 auto;font:inherit;font-size:12.5px;font-weight:600;color:var(--ap-danger);background:transparent;border:1px solid var(--ap-hair);border-radius:10px;padding:0 10px;cursor:pointer}
.dlap-msg{margin:6px 2px;font-size:13px;line-height:1.5;color:var(--ap-ink2)}
.dlap-msg.is-err{color:var(--ap-danger)}
.dlap-retry{font:inherit;font-weight:600;color:var(--ap-link);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}
.dlap-foot{margin:0;font-size:12px;color:var(--ap-ink2);line-height:1.45}
@media (max-width:520px){ .dlap-ov{padding:12px} .dlap{max-height:calc(100vh - 24px)} }

/* ── the offer beside a link a tool has just made (12dd) — sits inside any tool's result card, light or dark ── */
.dlap-offer{--apo-ink:#0062c4;--apo-line:rgba(0,98,196,.35);--apo-bg:rgba(0,113,227,.06);--apo-note:#1a7f37;
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:10px 0 0;font-size:13px}
html.dark .dlap-offer{--apo-ink:#6cb4ff;--apo-line:rgba(108,180,255,.45);--apo-bg:rgba(41,151,255,.1);--apo-note:#4ade80}
.dlap-obtn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;font-weight:600;line-height:1.2;color:var(--apo-ink);
  background:var(--apo-bg);border:1px solid var(--apo-line);border-radius:8px;padding:6px 11px;cursor:pointer;min-height:32px}
.dlap-obtn:hover{border-color:var(--apo-ink)}
.dlap-obtn:focus-visible{outline:2px solid var(--apo-ink);outline-offset:2px}
.dlap-onote{font-weight:600;color:var(--apo-note)}
.dlap-onote[hidden]{display:none}
.ft-done .dlap-offer{justify-content:center}   /* Send Files' "Transfer link created" card is centred */
