/* PriceReduc proof panels. Scoped to .prf-* so it cannot leak into the host page. */
.prf-wrap,.prf-panel{box-sizing:border-box;font-size:14px;line-height:1.45;color:inherit;margin:12px 0}
.prf-wrap *,.prf-panel *{box-sizing:border-box}
.prf-title{font-weight:700;font-size:16px;margin-bottom:8px}
.prf-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 10px}
.prf-tab{appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;text-align:center;
  min-height:84px;padding:14px 10px 12px;border:2px solid #d5dbe5;border-radius:14px;background:#f7f9fc;color:#33415c;cursor:pointer;font:inherit;font-weight:600;
  line-height:1.3;white-space:normal;overflow-wrap:anywhere;position:relative;transition:border-color .15s,background .15s,box-shadow .15s}
.prf-tab-ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#e4eaf4;color:#0b3d91}
.prf-tab-ico svg{width:18px;height:18px}
.prf-tab-txt{display:block;font-size:14px}
.prf-tab:hover{border-color:#9fb4d6}
.prf-tab.prf-on{background:#fff;border-color:#0b3d91;color:#0b3d91;box-shadow:0 0 0 3px rgba(11,61,145,.14)}
.prf-tab.prf-on .prf-tab-ico{background:#0b3d91;color:#fff}
.prf-tab.prf-on::after{content:"\2713";position:absolute;top:8px;right:10px;font-size:13px;font-weight:700;color:#0b3d91}
.prf-pane{border:1px solid #c9d1dc;border-radius:12px;padding:14px;background:#fff}
@media (max-width:360px){.prf-tabs{grid-template-columns:1fr}.prf-tab{flex-direction:row;text-align:left;min-height:64px;padding:12px 14px}.prf-tab-txt{flex:1}}
.prf-hidden{display:none!important}
.prf-help,.prf-intro,.prf-note{margin:0 0 10px}
.prf-note{font-size:12px;color:#5b6678;margin-top:10px}
.prf-step{font-weight:600;margin:12px 0 6px}
.prf-share{display:flex;flex-wrap:wrap;gap:8px}
.prf-net{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:92px;padding:8px 12px;border-radius:8px;
  background:var(--prf-c,#333);color:#fff!important;text-decoration:none!important;font-weight:700}
.prf-net small{font-weight:400;font-size:10px;opacity:.85}
.prf-net:hover{filter:brightness(1.12)}
.prf-msgbox{display:flex;gap:8px;align-items:flex-start;margin-top:10px}
.prf-msg{flex:1;min-width:0;resize:vertical;font:inherit;font-size:12px;padding:8px;border:1px solid #c9d1dc;border-radius:6px;background:#f8fafc}
.prf-row{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
.prf-url,.prf-where input[type=text]{flex:1;min-width:200px;font:inherit;padding:9px 10px;border:1px solid #c9d1dc;border-radius:6px}
.prf-btn{appearance:none;-webkit-appearance:none;border:0;border-radius:6px;background:#0b3d91;color:#fff;font:inherit;font-weight:700;padding:9px 16px;cursor:pointer}
.prf-btn:hover{background:#0a3379}
.prf-ghost{background:#e8edf5;color:#0b3d91}
.prf-ghost:hover{background:#d9e1ee}
.prf-btn[disabled]{opacity:.6;cursor:wait}
.prf-where{margin-top:14px;padding-top:12px;border-top:1px dashed #c9d1dc}
.prf-where label{display:block;font-weight:600;margin-bottom:6px}
.prf-status{margin-top:8px;padding:0;min-height:0}
.prf-status:empty{display:none}
.prf-status.prf-wait,.prf-status.prf-ok,.prf-status.prf-err{padding:9px 12px;border-radius:6px}
.prf-wait{background:#eef3fb;color:#26436e}
.prf-ok{background:#e7f6ec;color:#16622f;border:1px solid #b6e1c4}
.prf-err{background:#fdecec;color:#8a1f1f;border:1px solid #f1b9b9}
.prf-loading::before{content:"...";display:block;text-align:center;color:#5b6678}
.prf-done .prf-share,.prf-done .prf-msgbox,.prf-done .prf-step,.prf-done .prf-row,.prf-done .prf-note{display:none}
/* message box: always the full width of its container */
.prf-msgbox{width:100%}
.prf-msg{display:block;width:100%!important;max-width:100%!important;min-width:0;box-sizing:border-box!important;font-size:16px;min-height:96px}
@media (max-width:640px){
  .prf-msgbox{flex-direction:column;align-items:stretch!important}
  .prf-msgbox .prf-btn{width:100%}
  .prf-row{flex-direction:column;align-items:stretch}
  .prf-url,.prf-where input[type=text]{width:100%;min-width:0;flex:none;font-size:16px}
  .prf-row .prf-btn{width:100%}
  .prf-net{flex:1 1 40%}
}

/* ---------- "one more step" banner, progress steps, waiting notice ---------- */
.prf-alert{border:2px solid #f59e0b;background:#fffbeb;color:#7c4a03;border-radius:10px;padding:12px 14px;margin:0 0 14px}
.prf-alert strong{display:block;font-size:15px;margin-bottom:4px}
.prf-alert p{margin:0}
.prf-steps{list-style:none;display:flex;gap:6px;margin:0 0 14px!important;padding:0!important}
.prf-steps li{flex:1 1 0;min-width:0;display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid #d5dbe5;border-radius:10px;background:#f6f8fb;color:#5b6678;margin:0!important;font-size:13px;line-height:1.25}
.prf-steps b{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:#c9d1dc;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.prf-steps small{display:block;font-size:11px;font-weight:700;color:#b45309;text-transform:uppercase;letter-spacing:.02em;margin-top:2px}
.prf-steps .prf-s-done{background:#ecfdf3;border-color:#b6e1c4;color:#16622f}
.prf-steps .prf-s-done b{background:#16a34a}
.prf-steps .prf-s-now{background:#fff7e6;border-color:#f59e0b;color:#7c4a03;box-shadow:0 0 0 3px rgba(245,158,11,.18)}
.prf-steps .prf-s-now b{background:#f59e0b}
.prf-waitbox{display:flex;gap:12px;align-items:flex-start;border:2px solid #2563eb;background:#eff6ff;color:#1e3a8a;border-radius:10px;padding:14px;margin:12px 0}
.prf-waitbox strong{display:block;font-size:15px;margin-bottom:4px}
.prf-waitbox p{margin:0}
.prf-clock{flex:0 0 auto;font-size:26px;line-height:1;color:#2563eb}
@media (max-width:520px){.prf-steps{flex-direction:column}}

/* ---------- badge picker ---------- */
.prf-badges{margin:6px 0 12px}
.prf-badge-choices{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}
.prf-badge{appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:112px;padding:12px 14px;border:2px solid #c9d1dc;border-radius:12px;background:#fff;cursor:pointer;font:inherit;color:inherit}
.prf-badge.prf-on{border-color:#0b3d91;box-shadow:0 0 0 3px rgba(11,61,145,.15)}
.prf-badge-prev{display:flex;align-items:center;justify-content:center;min-height:52px}
.prf-badge-prev svg{display:block;height:48px;width:auto}
.prf-badge-name{font-size:13px;font-weight:600}
.prf-colors{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin:6px 0 12px}
.prf-color{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600}
.prf-color input[type=color]{width:52px;height:40px;padding:2px;border:1px solid #c9d1dc;border-radius:8px;background:#fff;cursor:pointer}
@media (max-width:520px){.prf-badge{flex:1 1 40%}.prf-color input[type=color]{width:64px;height:44px}}

/* ---------- "how it works" + collapsible details under the form ---------- */
.prf-howto-title{margin:0 0 10px!important;font-size:18px}
.prf-howto{list-style:none;margin:0 0 18px!important;padding:0!important;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
.prf-howto li{display:flex;gap:10px;align-items:flex-start;margin:0!important;padding:12px 14px!important;border:1px solid #d5dbe5;border-radius:10px;background:#f8fafc;list-style:none!important}
.prf-howto b{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#0b3d91;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.prf-howto strong{display:block;margin-bottom:2px}
.prf-howto span{display:block;font-size:13px;line-height:1.4;color:#4b5563}
@media (max-width:760px){.prf-howto{grid-template-columns:1fr}}

/* logo preview: dark backdrop is switched on automatically when the chosen colours are light */
.prf-badge-prev{padding:8px 14px;border-radius:10px;background:#fff;transition:background .2s ease}
.prf-badge-prev.prf-bgdark{background:#0f172a}

/* ---------- owner box (manage.php) ---------- */
.prf-owner{margin:16px 0;padding:16px;border:1px solid #c9d1dc;border-radius:14px;background:#fff}
.prf-owner-head strong{font-size:17px}
.prf-owner-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 4px}
.prf-stat{padding:12px 8px;border-radius:12px;background:#f3f6fb;text-align:center}
.prf-stat b{display:block;font-size:26px;line-height:1.1;color:#0b3d91}
.prf-stat span{display:block;font-size:12px;color:#5b6678;margin-top:2px}
.prf-stat-live{background:#ecfdf3}.prf-stat-live b{color:#16a34a}
.prf-danger{background:#b91c1c!important;color:#fff!important}
.prf-danger:hover{background:#991b1b!important}
.prf-danger[disabled]{opacity:.45;cursor:not-allowed}
.prf-alert-red{border-color:#dc2626;background:#fef2f2;color:#7f1d1d}
.prf-owner-confirm{margin-top:12px}
.prf-owner-label{display:block;font-weight:600;margin:10px 0 6px}
#prf-owner-input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:10px 12px;border:2px solid #dc2626;border-radius:8px;margin-bottom:10px}
.prf-owner [hidden]{display:none!important}
@media (max-width:420px){.prf-stat b{font-size:22px}}

/* ---------- ownership by email ---------- */
.prf-pill{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:#16a34a;color:#fff;font-size:11px;font-weight:700;font-style:normal;letter-spacing:.02em;vertical-align:middle;white-space:nowrap}
.prf-elabel{display:block;font-weight:600;margin:10px 0 6px}
[data-prf-email],[data-prf-ecodeinput]{flex:1;min-width:200px;font:inherit;font-size:16px;padding:10px 12px;border:1px solid #c9d1dc;border-radius:8px;box-sizing:border-box}
[data-prf-ecodeinput]{letter-spacing:4px;font-weight:700;max-width:220px}
.prf-ecode{margin-top:6px}
.prf-linkbtn{appearance:none;-webkit-appearance:none;border:0;background:none;padding:10px 0;color:#0b3d91;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}
.prf-linkbtn[disabled]{color:#7b8798;text-decoration:none;cursor:default}
.prf-everified .prf-row,.prf-everified .prf-elabel,.prf-everified .prf-ecode,.prf-everified .prf-help{display:none}
@media (max-width:640px){[data-prf-ecodeinput]{max-width:none}}

/* "email me when my offer is approved" (success screen of add-offer) */
.prf-notify{margin:18px auto 6px;max-width:520px;text-align:left;border:1px solid #cfd9ea;background:#f8fbff;border-radius:10px;padding:14px 16px}
.prf-notify-title{margin:0 0 8px}
.prf-notify-check{display:flex;gap:10px;align-items:flex-start;cursor:pointer;line-height:1.4}
.prf-notify-check input{margin-top:3px;width:18px;height:18px;flex:0 0 auto}
.prf-notify-form{margin-top:12px}
.prf-notify-form input[type=email]{flex:1 1 220px;min-width:0;padding:9px 12px;border:1px solid #b8c4d8;border-radius:6px;font:inherit;box-sizing:border-box}
.pro-success .prf-notify p{max-width:none;margin:0 0 8px!important;font-size:14px!important;color:inherit}
.pro-success .prf-notify .prf-note{font-size:12px!important;color:#5b6678;margin:10px 0 0!important}
.pro-success .prf-notify .prf-btn{margin:0}
