/* =====================================================================
   Katenza — account menu (#pda): drops from the profile button, styled as part of the header dock.
   Feedback dialog (.pdf). Tokens: privatedrop-ds-v3.css. Script: privatedrop-account-v1.js.
   ===================================================================== */
.pda{position:fixed;inset:0;z-index:2147481000;pointer-events:none;font-family:var(--pd2-font);color:var(--pd2-text)}
.pda *{box-sizing:border-box}
.pda button{font-family:inherit;color:inherit}
.pda-catch{position:absolute;inset:0;pointer-events:auto}
.pda-menu{
  position:absolute;pointer-events:auto;width:288px;padding:8px;
  border:1px solid var(--pd2-line-2);border-radius:16px;background:var(--pd2-raised);
  box-shadow:var(--pd2-hi),0 2px 6px rgba(0,0,0,.3),0 22px 48px rgba(0,0,0,.48);
  transform-origin:calc(100% - 28px) 0;opacity:0;transform:translateY(-8px) scale(.965);
  transition:opacity .2s var(--pd2-ease),transform .28s cubic-bezier(.16,1,.3,1);
}
.pda.is-in .pda-menu{opacity:1;transform:none}
.pda.is-out .pda-menu{opacity:0;transform:translateY(-4px) scale(.985);transition-duration:.14s,.16s}
/* one entrance for the whole panel; rows never animate on their own (no second fade when data arrives) */
@media (prefers-reduced-motion:reduce){.pda-menu{transition:opacity .12s;transform:none}}

/* profile card */
.pda-me{display:flex;align-items:center;gap:12px;width:100%;padding:10px 8px 10px 10px;border:0;border-radius:12px;background:transparent;text-align:left;cursor:pointer;transition:background var(--pd2-t)}
.pda-me:hover,.pda-me:focus-visible{background:var(--pd2-s3);outline:0}
.pda-ava{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:11px;background:linear-gradient(160deg,#3d3122 0%,#241d15 100%);box-shadow:0 0 0 1px var(--pd2-gold-line)}
.pda-ava b{color:var(--pd2-gold-hi);font-family:var(--pd2-font-num);font-size:17px;font-weight:700}
.pda-ava img{position:absolute;inset:0;width:100%;height:100%;border-radius:11px;object-fit:cover}
.pda-ava:has(img) b{visibility:hidden}
.pda-me-txt{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.pda-me-txt b{overflow:hidden;font-size:15.5px;line-height:19px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.pda-me-txt small{color:var(--pd2-text-3);font-size:13px;line-height:15px}
.pda-me:hover .pda-me-txt small{color:var(--pd2-gold)}

.pda-sep{display:block;height:1px;margin:6px 6px;background:var(--pd2-line-2)}

/* rows */
.pda-row{display:flex;align-items:center;gap:13px;width:100%;height:46px;padding:0 8px 0 12px;border:0;border-radius:12px;background:transparent;text-align:left;cursor:pointer;transition:background var(--pd2-t)}
.pda-row:hover,.pda-row:focus-visible{background:var(--pd2-s3);outline:0}
.pda-ico{display:grid;place-items:center;flex:none;width:22px;height:22px;color:var(--pd2-gold)}
.pda-ico svg{width:20px;height:20px}
.pda-label{flex:1;min-width:0;font-size:15px;line-height:19px;font-weight:500}
.pda-chev{display:grid;place-items:center;flex:none;width:20px;height:20px;color:var(--pd2-text-4);transition:color var(--pd2-t),transform .2s var(--pd2-ease)}
.pda-chev svg{width:16px;height:16px}
.pda-row:hover .pda-chev,.pda-me:hover .pda-chev{color:var(--pd2-text-2);transform:translateX(2px)}

@media (max-width:1023px){
  .pda-menu{width:min(272px,calc(100vw - 16px));padding:6px;border-radius:15px}
  .pda-me{padding:9px 6px 9px 8px}
  .pda-ava{width:42px;height:42px}
  .pda-row{height:46px}
}

/* =================== DEMO / REAL menu under the header mode button (window.pdMode.open) =================== */
.pdm{position:fixed;inset:0;z-index:2147481200;pointer-events:none;font-family:var(--pd2-font);color:var(--pd2-text)}
.pdm *{box-sizing:border-box}
.pdm button{font-family:inherit;color:inherit}
.pdm-catch{position:absolute;inset:0;pointer-events:auto}
.pdm-card{position:absolute;display:flex;flex-direction:column;gap:2px;padding:8px;pointer-events:auto;
  border:1px solid var(--pd2-line-2);border-radius:16px;background:var(--pd2-raised);box-shadow:var(--pd2-hi),0 2px 6px rgba(0,0,0,.3),0 22px 48px rgba(0,0,0,.5);
  opacity:0;transform:translateY(-6px) scale(.98);transform-origin:var(--pdm-arrow,50%) 0;transition:opacity .16s var(--pd2-ease),transform .22s cubic-bezier(.16,1,.3,1)}
.pdm.is-in .pdm-card{opacity:1;transform:none}
.pdm-head{padding:6px 8px 6px 10px;color:var(--pd2-text-3);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.pdm-opt{display:flex;align-items:center;gap:11px;width:100%;min-height:54px;padding:8px 10px;border:0;border-radius:12px;background:transparent;text-align:left;cursor:pointer;transition:background var(--pd2-t)}
.pdm-opt:hover,.pdm-opt:focus-visible{background:var(--pd2-s3);outline:0}
.pdm-opt[aria-checked="true"]{background:linear-gradient(180deg,var(--pd2-gold-wash-2),var(--pd2-gold-wash)),var(--pd2-s2);box-shadow:inset 0 0 0 1px var(--pd2-gold-line);cursor:default}
.pdm-opt[aria-disabled="true"]{cursor:default}
.pdm-opt[aria-disabled="true"]:hover{background:var(--pd2-s2)}
.pdm-opt-tag{display:grid;place-items:center;flex:none;width:46px;height:28px;border-radius:8px;background:var(--pd2-s4);color:var(--pd2-text-2);font-size:11px;font-weight:700;letter-spacing:.06em}
.pdm-opt[aria-checked="true"] .pdm-opt-tag{background:rgb(var(--pd2-gold-rgb)/.16);color:var(--pd2-gold-hi)}
.pdm-opt[aria-disabled="true"] .pdm-opt-tag{color:var(--pd2-text-3)}
.pdm-opt-txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.pdm-opt-txt b{font-size:14px;line-height:18px;font-weight:600}
.pdm-opt-txt small{color:var(--pd2-text-3);font-size:12px;line-height:16px}
.pdm-opt[aria-disabled="true"] .pdm-opt-txt b{color:var(--pd2-text-2)}
.pdm-mark{display:grid;place-items:center;flex:none;width:20px;height:20px;color:var(--pd2-gold)}
.pdm-mark svg{width:18px;height:18px}
/* locked REAL: a calm silver-gold lock; a tap makes it try to open (shackle lifts, catches, the lock shakes) */
.pdm-soon{display:inline-flex;align-items:center;gap:5px;flex:none;padding:4px 8px 4px 6px;border-radius:7px;background:var(--pd2-s3);color:#cbbd97;font-size:11px;font-weight:600;letter-spacing:.02em}
.pdm-soon svg{width:13px;height:13px;flex:none;overflow:visible;transform-origin:50% 72%}
.pdm-soon em{font-style:normal;color:var(--pd2-text-2)}
.pdm-soon .pdm-shackle{transform-box:fill-box;transform-origin:50% 100%}
.pdm-soon.is-try svg{animation:pdm-lock-shake .6s cubic-bezier(.36,.07,.19,.97) both}
.pdm-soon.is-try .pdm-shackle{animation:pdm-lock-lift .6s ease both}
.pdm-soon.is-try em{animation:pdm-soon-nod .6s ease both}
@keyframes pdm-lock-lift{0%{transform:none}20%,34%{transform:translateY(-2.2px)}48%,100%{transform:none}}
@keyframes pdm-lock-shake{0%,36%{transform:none}48%{transform:rotate(-11deg)}62%{transform:rotate(8deg)}76%{transform:rotate(-4deg)}88%{transform:rotate(1.5deg)}100%{transform:none}}
@keyframes pdm-soon-nod{0%,36%{opacity:1;transform:none}56%{opacity:.62;transform:translateX(1.5px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pdm-card{transition:opacity .12s;transform:none}.pdm-soon.is-try svg,.pdm-soon.is-try .pdm-shackle{animation:none}.pdm-soon.is-try em{animation:pdm-soon-nod .3s ease both}}

/* =================== feedback dialog =================== */
html.pdf-lock{overflow:hidden}
.pdf{position:fixed;inset:0;z-index:2147482500;display:flex;align-items:center;justify-content:center;padding:12px;font-family:var(--pd2-font);color:var(--pd2-text)}
.pdf *{box-sizing:border-box}
.pdf button{font-family:inherit;color:inherit}
.pdf-backdrop{position:absolute;inset:0;background:var(--pd2-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s}
.pdf.is-in .pdf-backdrop{opacity:1}
.pdf-box{position:relative;display:flex;flex-direction:column;width:min(500px,100%);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;border-radius:22px;outline:0;
  background:radial-gradient(110% 46% at 0% 0%,rgb(var(--pd2-gold-rgb)/.08) 0%,rgb(var(--pd2-gold-rgb)/0) 62%),var(--pd2-raised);
  box-shadow:var(--pd2-hi),var(--pd2-shadow-modal);opacity:0;transform:translateY(10px) scale(.98);transition:opacity .2s var(--pd2-ease),transform .28s cubic-bezier(.16,1,.3,1)}
.pdf.is-in .pdf-box{opacity:1;transform:none}
/* scrolls natively, without a visible scrollbar track (dialog body and the message field) */
.pdf-box::-webkit-scrollbar,.pdf-field textarea::-webkit-scrollbar{display:none;width:0;height:0}
.pdf.is-out .pdf-box,.pdf.is-out .pdf-backdrop{opacity:0}
.pdf-x{position:absolute;top:14px;right:14px;z-index:1;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:#8e9096!important;cursor:pointer;transition:background var(--pd2-t),color var(--pd2-t)}
.pdf-x svg{width:17px;height:17px}
.pdf-x:hover,.pdf-x:focus-visible{background:var(--pd2-s4);color:var(--pd2-text)!important;outline:0}
.pdf-hero{padding:26px 64px 0 26px}
.pdf-eyebrow{color:var(--pd2-gold);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.pdf-hero h2{margin:6px 0 0;font-size:23px;line-height:29px;font-weight:700;color:var(--pd2-text)}
.pdf-hero p{margin:8px 0 0;color:var(--pd2-text-2);font-size:14px;line-height:20px}
.pdf-body{display:flex;flex-direction:column;padding:18px 26px 24px}
.pdf-gift{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;padding:15px 16px;border-radius:16px;background:linear-gradient(135deg,rgb(var(--pd2-gold-rgb)/.11) 0%,rgb(var(--pd2-gold-rgb)/.035) 100%),var(--pd2-s1);box-shadow:inset 0 0 0 1px var(--pd2-gold-line)}
.pdf-gift>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:rgb(var(--pd2-gold-rgb)/.14);box-shadow:inset 0 0 0 1px var(--pd2-gold-line);color:var(--pd2-gold)}
.pdf-gift>span svg{width:20px;height:20px}
.pdf-gift p{margin:0;color:var(--pd2-text-2);font-size:13.5px;line-height:19.5px}
.pdf-gift b{display:block;margin-bottom:3px;color:var(--pd2-gold-hi);font-size:14px;line-height:19px;font-weight:600}
.pdf-kinds{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pdf-kind{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 14px 13px;border:0;border-radius:15px;background:var(--pd2-s2);box-shadow:inset 0 0 0 1px var(--pd2-line-2);text-align:left;cursor:pointer;transition:box-shadow var(--pd2-t),background var(--pd2-t)}
.pdf-kind:hover{background:var(--pd2-s3)}
.pdf-kind.active{background:linear-gradient(180deg,var(--pd2-gold-wash-2),var(--pd2-gold-wash)),var(--pd2-s2);box-shadow:inset 0 0 0 1px var(--pd2-gold-line-2)}
.pdf-kind>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:6px;border-radius:10px;background:var(--pd2-s4);color:var(--pd2-text-2)}
.pdf-kind.active>span{background:rgb(var(--pd2-gold-rgb)/.16);color:var(--pd2-gold)}
.pdf-kind>span svg{width:18px;height:18px}
.pdf-kind b{font-size:15px;font-weight:600}
.pdf-kind small{color:var(--pd2-text-3);font-size:12px;line-height:15px}
.pdf-field{position:relative;display:flex;flex-direction:column;gap:8px;margin-top:16px}
.pdf-field>span{color:var(--pd2-text-2);font-size:13.5px;font-weight:500}
.pdf-field textarea{display:block;width:100%;min-height:140px;max-height:240px;resize:none;scrollbar-width:none;padding:13px 14px 26px;border:0;border-radius:14px;background:var(--pd2-well);box-shadow:inset 0 0 0 1px var(--pd2-line-2);color:var(--pd2-text);font:inherit;font-size:14.5px;line-height:21px;outline:0}
.pdf-field textarea::placeholder{color:var(--pd2-text-4)}
.pdf-field textarea:focus{box-shadow:inset 0 0 0 1px var(--pd2-gold-line-2)}
.pdf-field em{position:absolute;right:12px;bottom:9px;color:var(--pd2-text-4);font-size:11.5px;font-style:normal;font-variant-numeric:tabular-nums}
.pdf-note{margin:10px 2px 0;color:var(--pd2-text-3);font-size:12.5px;line-height:17px}
.pdf-err{margin:8px 2px 0;color:#ff8a80;font-size:13px;line-height:18px}
.pdf-err:empty{display:none}
.pdf-send{width:100%;height:50px;margin-top:18px;border:0;border-radius:14px;background:var(--pd2-gold-fill);box-shadow:var(--pd2-gold-bevel),0 10px 26px rgb(var(--pd2-gold-rgb)/.14);color:var(--pd2-on-gold)!important;font-size:16px;font-weight:700;cursor:pointer}
.pdf-send:hover:not(:disabled){background:var(--pd2-gold-fill-hover)}
.pdf-send:disabled{background:var(--pd2-s4);box-shadow:none;color:var(--pd2-text-3)!important;cursor:default}
.pdf-done{display:flex;flex-direction:column;align-items:center;gap:10px;padding:44px 26px 24px;text-align:center}
.pdf-done>span{display:grid;place-items:center;width:62px;height:62px;margin-bottom:6px;border-radius:50%;background:rgb(var(--pd2-gold-rgb)/.14);box-shadow:inset 0 0 0 1px var(--pd2-gold-line-2);color:var(--pd2-gold)}
.pdf-done>span svg{width:30px;height:30px}
.pdf-done b{font-size:19px;font-weight:600}
.pdf-done p{max-width:320px;margin:0;color:var(--pd2-text-2);font-size:14px;line-height:20px}
.pdf-done .pdf-send{margin-top:14px}
@media (prefers-reduced-motion:reduce){.pdf-box,.pdf-backdrop{transition:opacity .12s;transform:none}}
@media (max-width:560px){
  .pdf{align-items:flex-end;padding:0}
  .pdf-box{width:100%;max-height:calc(100dvh - 24px);border-radius:20px 20px 0 0;transform:translateY(24px)}
  .pdf-x{top:10px;right:10px}
  .pdf-hero{padding:22px 56px 0 18px}
  .pdf-hero h2{font-size:20px;line-height:26px}
  .pdf-body{padding:14px 16px calc(16px + env(safe-area-inset-bottom))}
  .pdf-gift{gap:12px;padding:13px 14px}
  .pdf-kind{padding:12px 12px 11px}
  .pdf-kind b{font-size:14px;line-height:18px}
  .pdf-done{padding:40px 16px calc(18px + env(safe-area-inset-bottom))}
}