.wpn-page{max-width:1220px;margin:22px auto 70px}.wpn-page *{box-sizing:border-box}.wpn-page h1{font-size:clamp(30px,3vw,46px);line-height:1.12}.wpn-page h2{font-size:24px;line-height:1.2}.wpn-page h3{font-size:21px}.wpn-panel{padding:28px;border:1px solid #dce5e8;background:#fff;margin:22px 0;border-radius:0;box-shadow:0 8px 28px #071a2620}.wpn-panel p{line-height:1.6}.wpn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}.wpn-plan{background:#fff;border:1px solid #d4e0df;padding:24px;border-radius:0;min-width:0}.wpn-popular{border:2px solid #087767;box-shadow:0 12px 28px #08776712}.wpn-plan-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.wpn-overline{font-size:11px;letter-spacing:.14em;font-weight:800;color:#36776d}.wpn-tag{font-size:11px;font-weight:850;background:#0d7361;color:white;padding:5px 9px}.wpn-amount{font-size:39px;font-weight:800;letter-spacing:-.05em;line-height:1.4;color:#102837}.wpn-amount small{font-size:14px;font-weight:500;letter-spacing:0;color:#54636b}.wpn-includes{font-size:16px}.wpn-features{padding-left:17px;font-size:14px;line-height:2;color:#415563;min-height:170px}.wpn-small{font-size:13px;color:#586b74}.wpn-disabled{border:1px dashed #9dabb0;padding:12px}.wpn-summary{display:flex;align-items:center;flex-wrap:wrap;gap:22px;background:#102b30;color:#fff;padding:27px;margin:22px 0;border-radius:0}.wpn-summary h2{margin:8px 0;color:#fff}.wpn-summary p{color:#c4ded9}.wpn-summary-stat{display:flex;flex-direction:column;min-width:120px}.wpn-summary-stat strong{font-size:31px;color:#b4f5d8}.wpn-summary-stat span{font-size:12px;color:#d7e5e4}.wpn-summary .btn{margin-left:auto}.wpn-section-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:20px}.wpn-list form{padding:13px 0;display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #e0e9e8}.wpn-scroll{overflow:auto}.wpn-scroll table{width:100%;border-collapse:collapse;min-width:580px}.wpn-scroll td,.wpn-scroll th{padding:12px;border-bottom:1px solid #e3e9ea;text-align:left;font-size:13px}.wpn-scroll th{color:#597076}.wpn-admin-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wpn-admin-package{border:1px solid #d8e0e3;padding:20px;display:flex;flex-direction:column;gap:11px}.wpn-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wpn-admin-package input:not([type=checkbox]),.wpn-fields input{width:100%}.wpn-modal[hidden]{display:none!important}.wpn-modal{position:fixed;inset:0;z-index:99999;background:#081d2dcc;display:flex;align-items:center;justify-content:center;padding:14px}.wpn-modal-content{background:white;width:min(100%,475px);padding:36px;box-shadow:0 32px 70px #0004;border:1px solid #d9e6e4;text-align:center;border-radius:0}.wpn-modal-icon{display:block;font-size:27px;margin:5px 0 18px}.wpn-modal-content h2{font-size:28px}.wpn-modal-amount{font-size:28px;font-weight:800}.wpn-progress{height:5px;background:#daeae7;margin:18px 0}.wpn-progress span{display:block;height:100%;background:#0e806d;transition:width .4s}.wpn-modal-content .wpn-cancel{border:0;background:transparent;color:#546672;padding:10px;cursor:pointer}.wpn-modal-content small{display:block;margin-top:10px;color:#657981}.wpn-state{background:#fff3e0;padding:17px;font-weight:700;border-left:4px solid #c78c19}.wpn-state.wpn-paid{background:#e2f5ee;border-left-color:#0f846c}.wpn-actions{display:flex;gap:12px;flex-wrap:wrap}.wpn-toggle{display:block;margin:16px 0}.wpn-toggle input{margin-right:8px}.wpn-page .btn,.wpn-panel .btn,.wpn-modal .btn{border-radius:0!important}.wpn-page input,.wpn-page textarea,.wpn-panel input,.wpn-panel textarea{border-radius:0!important}@media(max-width:880px){.wpn-grid,.wpn-admin-packages{grid-template-columns:1fr}.wpn-features{min-height:0}.wpn-fields{grid-template-columns:1fr}.wpn-summary .btn{margin-left:0}.wpn-panel{padding:18px}}
.preview-panel .wpn-grid{grid-template-columns:1fr}.preview-panel .wpn-plan{padding:17px}.preview-panel .wpn-panel{padding:16px}.preview-panel .wpn-features{min-height:0}.preview-panel .wpn-amount{font-size:30px}

/* WONDA PROFILE — PAYNOW + BILLING UI V3.2.4
   Loaded after base/dashboard and WondaProfile Paynow V1 CSS.
   All payment UI controls are scoped. Square corners by design. */
.wpn-page,.wpn-summary,.wpn-modal {
  --wpn-ink:#142c3d; --wpn-muted:#5d7180; --wpn-line:#dce6e9;
  --wpn-green:#087b6b; --wpn-green-hover:#066454; --wpn-bg:#f5f8fa;
  --wpn-focus:#21b79b; font-family:inherit; color:var(--wpn-ink);
}
.wpn-page {width:100%;max-width:1320px;margin:0 auto 56px;padding:0;min-width:0;font-size:15px;line-height:1.55}
.wpn-page *,.wpn-summary *,.wpn-modal * {box-sizing:border-box}
.wpn-page .page-header{margin:4px 0 25px;padding:0;border:0;background:transparent}
.wpn-page .page-header h1{margin:6px 0 10px;color:#112b3b;font-size:clamp(29px,3.1vw,43px);line-height:1.12;letter-spacing:-.035em;font-weight:800}
.wpn-page .page-header p{font-size:15px;color:var(--wpn-muted);max-width:740px;line-height:1.65;margin:0}
.wpn-page .eyebrow,.wpn-page .wpn-overline,.wpn-modal .wpn-overline{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#126f63}
.wpn-page h2{font-size:clamp(21px,2vw,26px);font-weight:780;letter-spacing:-.025em;line-height:1.28;color:#143143;margin:0 0 10px}
.wpn-page h3{font-size:19px;font-weight:750;line-height:1.3;color:#173246;margin:4px 0 9px}
.wpn-page .wpn-panel,.wpn-panel{background:#fff;color:#183246;border:1px solid var(--wpn-line,#dce6e9);border-radius:0!important;box-shadow:0 5px 19px rgba(13,43,55,.045);padding:clamp(20px,2vw,30px);margin:0 0 22px;min-width:0;max-width:100%}
.wpn-panel p{color:#526b7a;line-height:1.65}
.wpn-page .wpn-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.wpn-page .wpn-section-title p{margin:0;max-width:520px;font-size:14px}
.wpn-page .wpn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;margin:16px 0 22px}
.wpn-page .wpn-plan,.wpn-plan{min-width:0;background:#fff;border:1px solid #d8e4e6;border-radius:0!important;padding:clamp(20px,2vw,28px);box-shadow:none;display:flex;flex-direction:column;gap:0;position:relative;transition:border-color .16s,box-shadow .16s}
.wpn-page .wpn-plan:hover,.wpn-plan:hover{border-color:#1b8c7c;box-shadow:0 10px 28px rgba(7,75,71,.08)}
.wpn-page .wpn-plan.wpn-popular,.wpn-plan.wpn-popular{border:2px solid #0d8673;background:linear-gradient(180deg,#f0fbf7 0%,#fff 35%);box-shadow:0 6px 24px rgba(10,115,96,.09)}
.wpn-page .wpn-plan-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;min-width:0}
.wpn-page .wpn-plan-head h3{margin:6px 0 0;font-size:22px}
.wpn-page .wpn-tag{white-space:nowrap;padding:6px 10px;background:#087b6b;color:#fff;font-size:10px;font-weight:850;letter-spacing:.07em;border:0;border-radius:0}
.wpn-page .wpn-amount{font-size:clamp(34px,3.1vw,44px);line-height:1.18;margin:18px 0 12px;letter-spacing:-.045em;color:#112b3c;font-weight:850}
.wpn-page .wpn-amount small{font-size:13px;letter-spacing:0;color:#617787;font-weight:600;margin-left:5px}
.wpn-page .wpn-includes{font-size:14px;margin:0 0 12px;color:#25495a}
.wpn-page .wpn-features{padding:14px 0 16px 20px;margin:0 0 18px;color:#52687a;font-size:14px;line-height:1.85;flex:1;min-height:0}
.wpn-page .wpn-features li{padding-left:2px}
.wpn-page .wpn-features li::marker{color:#0e8874}
.wpn-page .wpn-checkout{margin-top:auto}
.wpn-page .wpn-small{font-size:13px;color:#5b7180;line-height:1.7}
.wpn-page .wpn-disabled{color:#5e7280;background:#f1f5f7;border:1px dashed #afc2cb;padding:12px 13px;font-weight:650;font-size:13px;border-radius:0}
.wpn-page .btn,.wpn-panel .btn,.wpn-summary .btn,.wpn-modal .btn,
.wpn-page input,.wpn-page textarea,.wpn-page select,.wpn-modal button{border-radius:0!important}
.wpn-page .btn,.wpn-panel .btn,.wpn-summary .btn,.wpn-modal .btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:43px;padding:10px 17px;font-size:14px;line-height:1.3;font-weight:750;text-align:center;white-space:normal;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background-color .16s,border-color .16s,color .16s}
.wpn-page .btn-block,.wpn-modal .btn-block{display:flex;width:100%}
.wpn-page .btn-primary,.wpn-panel .btn-primary,.wpn-summary .btn-primary,.wpn-modal .btn-primary,
.wpf-dashboard-body .wpf-workspace-content .wpn-page .btn-primary{background:#087b6b!important;border-color:#087b6b!important;color:#fff!important}
.wpn-page .btn-primary:hover,.wpn-panel .btn-primary:hover,.wpn-summary .btn-primary:hover,.wpn-modal .btn-primary:hover,
.wpf-dashboard-body .wpf-workspace-content .wpn-page .btn-primary:hover{background:#066454!important;border-color:#066454!important;color:#fff!important}
.wpn-page .btn-dark,.wpn-panel .btn-dark{background:#163247!important;border-color:#163247!important;color:#fff!important}
.wpn-page .btn-dark:hover,.wpn-panel .btn-dark:hover{background:#0b1c2a!important;color:#fff!important}
.wpn-page .btn-subtle,.wpn-panel .btn-subtle{background:#eef4f5;border-color:#ccdfe3;color:#19485a}
.wpn-page .btn-subtle:hover,.wpn-panel .btn-subtle:hover{background:#e1ecf0;color:#103a48}
.wpn-page .btn:disabled,.wpn-page button:disabled{opacity:.53;cursor:not-allowed;box-shadow:none}
.wpn-page :is(button,a,input,textarea,select):focus-visible,.wpn-modal :is(button,a):focus-visible{outline:3px solid var(--wpn-focus,#21b79b);outline-offset:2px}
/* Customer subscription hero also appears on the main dashboard. */
.wpn-summary{display:flex;align-items:center;flex-wrap:wrap;gap:22px;padding:clamp(20px,3vw,30px);margin:0 0 25px;border:1px solid #174b54;background:linear-gradient(112deg,#102a37 0%,#103b3c 100%);border-radius:0!important;color:#f3fcfb;box-shadow:0 6px 25px rgba(10,39,49,.1)}
.wpn-summary>div:first-child{flex:1 1 250px;min-width:0}
.wpn-summary .wpn-overline{color:#89e8cf!important}
.wpn-summary h2{margin:6px 0 9px;font-size:clamp(24px,2.5vw,33px);color:#fff!important;letter-spacing:-.025em;line-height:1.2}
.wpn-summary p{color:#d3e8e5;margin:0;line-height:1.6;font-size:13px}
.wpn-summary-stat{min-width:124px;display:flex;flex-direction:column;gap:3px;padding-left:18px;border-left:1px solid #386569}
.wpn-summary-stat strong{font-size:clamp(27px,2.8vw,34px);font-weight:820;color:#9bf0d3;line-height:1.12}
.wpn-summary-stat span{font-size:12px;color:#d0e6e3}
.wpn-summary .btn{margin-left:auto}
/* Forms and owner package manager. */
.wpn-page label,.wpn-panel label{display:block;font-size:13px;color:#2c485a;font-weight:700;line-height:1.5}
.wpn-page :is(input:not([type="checkbox"]):not([type="hidden"]),select,textarea),.wpn-panel :is(input:not([type="checkbox"]):not([type="hidden"]),select,textarea){display:block;width:100%;max-width:100%;min-height:43px;margin:5px 0 10px;padding:10px 12px;border:1px solid #cbdbe0;border-radius:0!important;background:#fff;color:#162d3d;font:inherit;font-size:14px;box-shadow:none}
.wpn-page textarea,.wpn-panel textarea{min-height:100px;resize:vertical}
.wpn-page input[type="checkbox"],.wpn-panel input[type="checkbox"]{accent-color:#087b6b;margin-right:7px}
.wpn-page .wpn-admin-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.wpn-page .wpn-admin-package{border:1px solid var(--wpn-line);padding:20px;background:#fbfdfd;display:flex;flex-direction:column;gap:11px;border-radius:0}
.wpn-page .wpn-admin-package .btn{margin-top:auto}
.wpn-page .wpn-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.wpn-page .wpn-list form{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;padding:16px 0;border-top:1px solid #e1ebed}
.wpn-page .wpn-list form strong{min-width:0;overflow-wrap:anywhere}
/* Payment ledger, receipts and transaction states. */
.wpn-page .wpn-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--wpn-line)}
.wpn-page .wpn-scroll table{border-collapse:collapse;width:100%;min-width:630px;margin:0}
.wpn-page .wpn-scroll th{font-size:11px;letter-spacing:.06em;font-weight:800;text-transform:uppercase;color:#416376;background:#f0f5f7;padding:14px 15px;white-space:nowrap;text-align:left;border-bottom:1px solid #d9e5e8}
.wpn-page .wpn-scroll td{font-size:13px;padding:14px 15px;color:#233d4f;border-bottom:1px solid #e7eef0;vertical-align:middle;overflow-wrap:anywhere}
.wpn-page .wpn-scroll tbody tr:nth-child(even){background:#fbfcfd}
.wpn-page .wpn-scroll tbody tr:hover{background:#f0f8f6}
.wpn-state{border-radius:0!important;background:#fff7e8;border:1px solid #ead6ab;border-left:4px solid #bf8b26;padding:16px;color:#624a17;font-weight:750;line-height:1.5}
.wpn-state.wpn-paid{background:#e8f8f0;border-color:#b9e5d2;border-left-color:#0b866d;color:#0b6557}
.wpn-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
/* Secure payment handoff. Fully styled even on pages without .wpn-page. */
.wpn-modal[hidden]{display:none!important}
.wpn-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:15px;background:rgba(7,24,37,.79)}
.wpn-modal-content{width:min(100%,490px);max-height:min(96dvh,780px);overflow-y:auto;padding:clamp(23px,4vw,38px);background:#fff!important;color:#183344;border:1px solid #b9d6d2;border-radius:0!important;text-align:center;box-shadow:0 32px 80px rgba(0,0,0,.36)}
.wpn-modal-icon{display:block;font-size:31px;margin:0 0 15px}
.wpn-modal-content h2{font-size:clamp(23px,3vw,29px);line-height:1.2;letter-spacing:-.035em;color:#153245;margin:10px 0}
.wpn-modal-content p{font-size:14px;line-height:1.65;color:#536979}
.wpn-modal-amount{font-size:30px;font-weight:850;letter-spacing:-.03em;color:#0b6f62;margin:10px 0}
.wpn-progress{height:6px;background:#dbeae7;margin:20px 0 25px;overflow:hidden;border-radius:0}
.wpn-progress span{display:block;height:100%;background:#0a907a;transition:width .35s ease}
.wpn-modal-content .wpn-cancel{display:block;width:100%;margin:11px 0 0;background:transparent;border:1px solid transparent;color:#4b6572;padding:11px;cursor:pointer;font:inherit;font-weight:700}
.wpn-modal-content .wpn-cancel:hover{text-decoration:underline;color:#163a4a}
.wpn-modal-content small{display:block;font-size:12px;line-height:1.55;margin-top:13px;color:#627b86}
@media (max-width:1050px){.wpn-page .wpn-grid,.wpn-page .wpn-admin-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.wpn-summary .btn{margin-left:0}}
@media (max-width:690px){.wpn-page .wpn-grid,.wpn-page .wpn-admin-packages,.wpn-page .wpn-fields{grid-template-columns:1fr}.wpn-page .wpn-plan{padding:21px}.wpn-summary{gap:17px}.wpn-summary-stat{flex:1 1 120px}.wpn-summary .btn{width:100%}.wpn-page .wpn-section-title{display:block}.wpn-page .wpn-scroll table{min-width:580px}.wpn-page .wpn-panel,.wpn-panel{padding:18px}.wpn-page .page-header h1{font-size:30px}}
@media (prefers-reduced-motion:reduce){.wpn-page .btn,.wpn-plan,.wpn-progress span{transition:none!important}}
/* WPF_PAYNOW_CSS_V324_READY */