/* Prince Desire — mail portal (/mail). Glass panels on the cream editorial body, same tokens as /sites and /pay. */
.pd-mailpage .pd-inner-body{padding-top:clamp(28px,4vw,48px)}
.pd-mail-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}
.pd-mail-rail{position:sticky;top:24px;display:grid;gap:8px}
.pd-mail-rail .pd-mail-group{display:grid;gap:6px;margin-top:10px}
.pd-mail-rail .eyebrow{margin:14px 0 4px;font-size:11px;letter-spacing:.14em;color:#6b746d}
.pd-mail-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 16px;border-radius:999px;font:inherit;font-size:15px;font-weight:600;letter-spacing:.01em;text-align:left;color:#17241e;background:rgba(255,255,255,.55);border:1px solid rgba(20,30,25,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 7px 20px rgba(20,30,25,.06);cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.pd-mail-btn:hover{transform:translateY(-2px);background:#fff}
.pd-mail-btn[aria-pressed=true],.pd-mail-btn.is-primary{background:#080b09;color:#fff;border-color:#080b09}
.pd-mail-btn.is-primary:hover{background:#1b2a24}
.pd-mail-btn .pd-mail-count{margin-left:auto;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;opacity:.9}
.pd-mail-btn:disabled{opacity:.55;cursor:default;transform:none}
.pd-mail-who{margin:14px 2px 0;font-size:14px;line-height:1.5;color:#3d4842;word-break:break-all}
.pd-mail-who strong{display:block;color:#17241e;font-size:15px}
.pd-mail-who button{font:inherit;font-size:14px;color:#0b5c4d;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
.pd-mail-main{display:grid;gap:14px;min-width:0}
.pd-mail-card{position:relative;border-radius:18px;padding:clamp(18px,3vw,28px);background:rgba(255,255,255,.62);border:1px solid rgba(20,30,25,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 10px 30px rgba(20,30,25,.07)}
.pd-mail-card.is-open{background:rgba(255,255,255,.86)}
.pd-mail-card>p,.pd-mail-card dd,.pd-mail-card dt{border-left:0;padding-left:0;margin-left:0}
.pd-mail-head{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.pd-mail-head h2{margin:0;font:600 clamp(20px,2.4vw,26px)/1.2 "Instrument Serif",Georgia,serif;letter-spacing:-.01em;color:#17241e}
.pd-mail-head .pd-mail-meta{font-size:14px;color:#6b746d;margin-top:3px;word-break:break-word}
.pd-mail-head .pd-mail-close{margin-left:auto}
.pd-mail-chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#0b5c4d,#17241e);color:#fff;font-size:14px;font-weight:800;letter-spacing:.02em;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.pd-mail-chip.is-small{width:34px;height:34px;font-size:12px}
.pd-mail-body{margin-top:18px;font-size:16px;line-height:1.65;color:#17241e;white-space:pre-wrap;overflow-wrap:anywhere}
.pd-mail-html{margin-top:18px;max-width:100%;overflow-x:auto;font-size:16px;line-height:1.6;color:#17241e}
.pd-mail-html img{max-width:100%;height:auto}
.pd-mail-html a{color:#0b5c4d}
.pd-mail-html table{max-width:100%}
.pd-mail-body a{color:#0b5c4d;word-break:break-all}
.pd-mail-atts{margin-top:18px;padding-top:16px;border-top:1px solid rgba(20,30,25,.12);display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.pd-mail-atts img{max-height:260px;max-width:100%;border-radius:10px;border:1px solid rgba(20,30,25,.12)}
.pd-mail-att{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;font-size:14px;font-weight:600;color:#17241e;background:rgba(255,255,255,.7);border:1px solid rgba(20,30,25,.12);text-decoration:none}
.pd-mail-att:hover{background:#fff}
.pd-mail-reply{margin-top:18px;padding-top:16px;border-top:1px solid rgba(20,30,25,.12)}
.pd-mail-field{width:100%;padding:13px 14px;border-radius:12px;border:1px solid #17241e1f;background:rgba(255,255,255,.8);color:#17241e;font:inherit;font-size:16px;line-height:1.5}
.pd-mail-field:focus{outline:2px solid #4fe1ff;outline-offset:2px}
textarea.pd-mail-field{min-height:120px;resize:vertical}
.pd-mail-form{display:grid;gap:12px}
.pd-mail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.pd-mail-actions .pd-mail-spacer{flex:1 1 auto}
.pd-mail-actions .pd-mail-btn{width:auto;min-height:42px;padding:9px 16px;font-size:14px}
.pd-mail-fine{margin:12px 0 0;font-size:13px;line-height:1.5;color:#6b746d}
.pd-mail-list{display:grid;gap:8px}
.pd-mail-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;width:100%;padding:14px 16px;border-radius:16px;font:inherit;text-align:left;color:#17241e;background:rgba(255,255,255,.55);border:1px solid rgba(20,30,25,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 7px 20px rgba(20,30,25,.05);cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.pd-mail-row:hover{transform:translateY(-2px);background:#fff;box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(20,30,25,.1)}
.pd-mail-row .pd-mail-sender{flex:0 1 180px;min-width:0;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-mail-row .pd-mail-subject{flex:1 1 240px;min-width:0;font-size:15px;color:#3d4842;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-mail-row.is-unread .pd-mail-sender{font-weight:800}
.pd-mail-row.is-unread .pd-mail-subject{font-weight:700;color:#17241e}
.pd-mail-row .pd-mail-new{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:#ffe9a8;color:#5d4300}
.pd-mail-row .pd-mail-when{margin-left:auto;font-size:13px;color:#6b746d;font-variant-numeric:tabular-nums;white-space:nowrap}
.pd-mail-section-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 16px;margin:4px 0 8px}
.pd-mail-section-title h2{margin:0;font:600 clamp(22px,2.6vw,28px)/1.1 "Instrument Serif",Georgia,serif;color:#17241e}
.pd-mail-section-title p{margin:0;font-size:14px;color:#6b746d}
.pd-note{margin:0 0 14px;padding:13px 16px;border-radius:12px;font-size:15px;line-height:1.5;border:1px solid}
.pd-note-ok{background:#e7f6ef;border-color:#9fd8bf;color:#0b5c4d}
.pd-note-stop{background:#fdebea;border-color:#f3b6b2;color:#7a1f18}
.pd-mail-loading{font-size:15px;color:#6b746d}
.pd-mail-empty strong{display:block;font-size:17px;margin-bottom:4px}
.pd-login-card{max-width:560px}
.pd-login-card .hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pd-login-foot{margin:18px 0 0;font-size:14px;line-height:1.55;color:#6b746d}
.pd-login-foot code{font-size:13px;background:rgba(20,30,25,.06);padding:2px 6px;border-radius:6px}
@media (max-width:900px){
  .pd-mail-layout{grid-template-columns:1fr;gap:18px}
  .pd-mail-rail{position:static}
  .pd-mail-rail .pd-mail-group{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
  .pd-mail-row .pd-mail-when{margin-left:0;width:100%}
}