.ppw-body{margin:0;background:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;color:#fff}
.ppw-root{position:absolute;inset:0;background:#22163a;display:flex;flex-direction:column}
.ppw-header{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#301d5c;border-bottom:1px solid rgba(255,255,255,.08)}
.ppw-title{font-size:18px;font-weight:700}
.ppw-close{font-size:22px;line-height:1;background:transparent;border:0;color:#fff;cursor:pointer;opacity:.9}
.ppw-close:hover{opacity:1;transform:scale(1.04)}
.ppw-header-actions{margin-left:auto;display:flex;gap:10px;align-items:center}
#ppw-search{background:#39256e;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 10px;color:#fff;min-width:220px}
.ppw-viewall{background:#5cc1ff;color:#00151f;border:0;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}
.ppw-viewall:hover{filter:brightness(1.08)}
.ppw-toolbar{display:flex;gap:12px;align-items:center;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.06)}
.ppw-back{background:#26a69a;color:#fff;border:0;border-radius:6px;padding:8px 12px;cursor:pointer;font-weight:700}
.ppw-content{flex:1;min-height:0;overflow:auto;padding:12px 16px}
.ppw-heading{margin:8px 4px 12px;font-size:16px;font-weight:700;color:#C8E6FF}
.ppw-cathead{margin:16px 4px 8px;font-size:15px;font-weight:700;color:#9bd;display:flex;align-items:center;gap:10px}
.ppw-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.ppw-card{background:#3c2a6f;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 12px rgba(0,0,0,.24);transition:transform .08s ease}
.ppw-card:hover{transform:translateY(-2px)}
.ppw-card.selected{outline:2px solid #26a69a}
.ppw-thumb{height:150px;background:#241a3f;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ppw-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ppw-info{padding:10px;display:flex;flex-direction:column;gap:6px}
.ppw-name{font-weight:800;font-size:14px}
.ppw-cat{opacity:.8;font-size:12px}
.ppw-actions{display:flex;gap:8px;margin-top:auto}
.ppw-actions .ppw-pick,.ppw-actions .ppw-view{flex:1;background:#ffd04d;border:0;color:#332b00;cursor:pointer;border-radius:6px;padding:8px 10px;font-weight:800}
.ppw-actions .ppw-pick{background:#5cc1ff;color:#00151f}
.ppw-footer{padding:10px 16px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:flex-end;gap:10px}
.ppw-add{background:#26a69a;color:#fff;border:0;border-radius:10px;padding:10px 16px;font-weight:800;cursor:pointer}
.ppw-add[disabled]{opacity:.45;cursor:not-allowed}
#ppw-detail{height:100%}
#ppw-detail-frame{width:100%;height:70vh;border:0;border-radius:8px;background:#fff}
.ppw-note{margin:4px 4px 12px;font-size:14px;color:#fff}
.ppw-selected{flex:1;color:#fff}
.ppw-selected ul{margin:0;padding-left:18px}
.ppw-chipbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.ppw-chip{background:#4b347f;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer}
.ppw-chip.active{background:#26a69a;color:#001a15;border-color:transparent}
.ppw-empty{opacity:.8;font-style:italic;padding:18px}
/* modal overlay (parent) */
#ppw-modal-wrap{position:fixed;inset:0;background:rgba(5,1,20,.62);z-index:999999;}
#ppw-modal-wrap .ppw-modal{position:absolute;inset:4%;background:#1e1436;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.6);overflow:hidden;}
#ppw-modal-wrap .ppw-iframe{width:100%;height:100%;border:0;}
/* prompt */
.ppw-prompt{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#2a1f4b;border-radius:12px;box-shadow:0 10px 50px rgba(0,0,0,.5);padding:14px 16px;max-width:640px;color:#fff;z-index:999998;display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(255,255,255,.08)}
.ppw-prompt .ppw-p-title{font-weight:800;margin-bottom:6px}
.ppw-prompt .ppw-p-actions{margin-left:auto;display:flex;gap:10px}
.ppw-btn{border:0;border-radius:8px;padding:8px 12px;font-weight:800;cursor:pointer}
.ppw-btn-alt{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}
.ppw-btn-cta{background:#26a69a;color:#001a15}
/* toast */
.ppw-toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#000b;border-radius:10px;padding:8px 12px;opacity:0;transition:opacity .15s ease}
.ppw-toast.show{opacity:1}


/* Minimum notice banner */
.ppw-notice {
  margin: 12px auto 14px;
  max-width: 980px;
  text-align: center;
  padding: 12px 16px;
  border: 1px solid #ffe58f;
  background: #fffbe6;
  border-radius: 12px;
  font-weight: 600;
  line-height: 1.35;
  box-shadow: 0 1px 0 rgba(0,0,0,.02), 0 4px 16px rgba(0,0,0,.04) inset;

  color: #C62828;
}
.ppw-notice strong { font-weight: 800; }


/* --- Minimum Meter --- */
.ppw-meter{max-width:980px;margin:8px auto 8px;text-align:center}
.ppw-meter-bar{height:10px;background:#2b1a54;border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ppw-meter-bar>span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#26a69a,#5cc1ff);transition:width .35s ease}
.ppw-meter-text{font-size:14px;margin-top:6px;color:#C8E6FF}
.ppw-meter.unlock .ppw-meter-bar>span{animation:ppw-pulse 1.2s ease both}
@keyframes ppw-pulse{0%{filter:saturate(1)}50%{filter:saturate(1.5)}100%{filter:saturate(1)}}


/* --- Selected tray chips & badges --- */
.ppw-selected{display:flex;align-items:center;gap:10px}
.ppw-selected>strong{margin-right:4px}
.ppw-selected ul{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.ppw-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#2b1a54;color:#C8E6FF;border:1px solid rgba(255,255,255,.08);cursor:pointer;font-size:12px}
.ppw-chip .ppw-x{font-weight:800;opacity:.85}
.ppw-chip--action{background:#5cc1ff;color:#00151f;border:0;font-weight:800}
.ppw-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ppw-badge{font-size:11px;line-height:1;padding:4px 8px;border-radius:999px;background:#2b1a54;color:#C8E6FF;border:1px solid rgba(255,255,255,.08)}

/* --- Party Pros v1.9.0 form helper, chocolate fountain gate, and write-in reminders --- */
.ppw-200-helper,
.ppw-chocolate-price-note{
  display:block;
  margin:10px 0 12px;
  padding:12px 14px;
  border-radius:14px;
  font-size:14px;
  line-height:1.45;
  font-weight:750;
  box-shadow:0 10px 26px rgba(17,24,39,.08);
}
.ppw-200-helper{
  color:#1f2937;
  background:linear-gradient(135deg,#eef8ff,#f4edff);
  border:1px solid rgba(14,165,233,.22);
}
.ppw-200-helper strong{font-weight:900;color:#111827}
.ppw-chocolate-price-note{
  display:none;
  color:#3b2600;
  background:linear-gradient(135deg,#fff8e6,#fff1bf);
  border:1px solid rgba(245,158,11,.42);
}
.ppw-chocolate-price-note.is-visible{display:block}
.ppw-chocolate-price-note strong{font-weight:950;color:#2b1a00}
.ppw-gate-wrap{
  position:fixed;
  inset:0;
  z-index:1000001;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(5,1,20,.72);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.ppw-gate-box{
  width:min(560px,100%);
  border-radius:22px;
  padding:22px;
  color:#fff;
  background:linear-gradient(135deg,#20113d,#39206b);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 22px 72px rgba(0,0,0,.55);
}
.ppw-gate-box h3{margin:0 0 8px;font-size:22px;line-height:1.15;color:#fff}
.ppw-gate-box p{margin:0 0 12px;color:rgba(255,255,255,.86);font-size:15px;line-height:1.55}
.ppw-gate-box .ppw-gate-callout{
  margin:14px 0;
  padding:13px 14px;
  border-radius:16px;
  color:#271700;
  background:#fff3c4;
  border:1px solid rgba(255,208,77,.9);
  font-weight:850;
}
.ppw-gate-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:16px}
.ppw-gate-actions button{border:0;border-radius:999px;padding:11px 15px;font-weight:900;cursor:pointer}
.ppw-gate-primary{background:#26a69a;color:#001a15}
.ppw-gate-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)!important}
.ppw-notice-blue{
  border-color:rgba(92,193,255,.45)!important;
  background:#eef8ff!important;
  color:#07324a!important;
}
@media (max-width:640px){
  .ppw-prompt{left:10px;right:10px;bottom:14px;transform:none;max-width:none;flex-direction:column}
  .ppw-prompt .ppw-p-actions{margin-left:0;width:100%;justify-content:flex-end;flex-wrap:wrap}
  #ppw-modal-wrap .ppw-modal{inset:2%;border-radius:14px}
  .ppw-header{flex-wrap:wrap;align-items:flex-start}
  .ppw-header-actions{width:100%;margin-left:0}
  #ppw-search{min-width:0;flex:1}
  .ppw-cards{grid-template-columns:1fr}
}

/* --- Safe front-end reminders added in v1.9.1 --- */
.ppw-200-helper{
  margin:14px 0;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(38,166,154,.25);
  background:#f0fffc;
  color:#073b34;
  font-size:14px;
  line-height:1.4;
}
.ppw-chocolate-price-note{
  display:none;
  margin:10px 0 14px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid #e4b74a;
  background:#fff8dc;
  color:#4a3300;
  font-size:14px;
  line-height:1.4;
}
.ppw-chocolate-price-note.is-visible{display:block;}
.ppw-gate-wrap{display:none!important;}