/* Advertisement System Phase Four — isolated commerce lab. */
body.wsl-advertisement-phase4-page .wsl-phase4{width:min(1220px,calc(100% - 28px))!important;max-width:1220px!important;margin:18px auto 40px!important;padding:0!important}
.wsl-phase4-hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:230px}.wsl-phase4-hero-actions a{width:100%}
.wsl-phase4-safety{margin:14px 0;padding:14px 16px;border:1px solid #fdba74;border-radius:14px;background:#fff7ed;color:#9a3412;line-height:1.5}.wsl-phase4-safety strong{display:block;margin-bottom:3px}
.wsl-phase4-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wsl-phase4-card{display:grid;gap:10px;padding:16px;border:1px solid #dbe7f3;border-radius:15px;background:#f8fbff}.wsl-phase4-card h3{margin:0;color:#18375d}.wsl-phase4-card>small{color:#64748b}.wsl-phase4-card label,.wsl-phase4-order-form label,.wsl-phase4-coupon-form label{display:grid;gap:6px;min-width:0}.wsl-phase4-card label span,.wsl-phase4-order-form label span,.wsl-phase4-coupon-form label span{font-size:12px;font-weight:900;color:#36506f}.wsl-phase4-card input,.wsl-phase4-card select,.wsl-phase4-card textarea,.wsl-phase4-order-form input,.wsl-phase4-order-form select,.wsl-phase4-coupon-form input,.wsl-phase4-coupon-form select,.wsl-phase4-actions input{width:100%;border:1px solid #cbd8e7;border-radius:10px;padding:9px 10px;background:#fff;color:#17263b}.wsl-phase4-card input,.wsl-phase4-card select,.wsl-phase4-order-form input,.wsl-phase4-order-form select,.wsl-phase4-coupon-form input,.wsl-phase4-coupon-form select,.wsl-phase4-actions input{height:42px}.wsl-phase4-card button,.wsl-phase4-order-form button,.wsl-phase4-coupon-form button,.wsl-phase4-actions button,.wsl-phase4-invoice-preview button{height:42px;border:0;border-radius:10px;padding:9px 14px;background:#0b64d8;color:#fff;font-weight:900;cursor:pointer}.wsl-phase4-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wsl-phase4-check{display:flex!important;align-items:center;gap:8px;font-weight:800;color:#36506f}.wsl-phase4-check input{width:auto!important;height:auto!important}
.wsl-phase4-order-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;align-items:end}.wsl-phase4-order-form .is-wide{grid-column:span 2}.wsl-phase4-order-form button{justify-self:start;min-width:180px}
.wsl-phase4-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:900;background:#e2e8f0;color:#334155}.wsl-phase4-status.is-paid{background:#dcfce7;color:#166534}.wsl-phase4-status.is-pending_payment{background:#fef3c7;color:#92400e}.wsl-phase4-status.is-cancelled,.wsl-phase4-status.is-refunded{background:#fee2e2;color:#991b1b}.wsl-phase4-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:240px}.wsl-phase4-actions input{grid-column:1/-1}.wsl-phase4-actions button.is-danger{background:#b91c1c}.wsl-phase4-actions button.is-secondary{background:#475569}
.wsl-phase4-invoice-preview{position:relative}.wsl-phase4-invoice-head{display:flex;justify-content:space-between;gap:20px;padding:18px;border:1px solid #dbe7f3;border-radius:14px;background:#f8fbff}.wsl-phase4-invoice-head div{display:grid;gap:4px}.wsl-phase4-invoice-head div:last-child{text-align:right}.wsl-phase4-invoice-head span{color:#64748b}.wsl-phase4-invoice-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.wsl-phase4-invoice-meta div{display:grid;gap:4px;padding:12px;border:1px solid #e4ebf3;border-radius:12px}.wsl-phase4-invoice-meta span{font-size:12px;font-weight:900;color:#64748b;text-transform:uppercase}.wsl-phase4-totals{width:min(420px,100%);margin:16px 0 0 auto;display:grid;gap:6px}.wsl-phase4-totals div{display:flex;justify-content:space-between;gap:20px;padding:7px 10px;border-bottom:1px solid #edf2f7}.wsl-phase4-totals .is-total{font-size:18px;background:#eff6ff;border-radius:9px;border:0}.wsl-phase4-totals .is-due{font-size:18px;background:#fff7ed;color:#9a3412;border-radius:9px;border:0}
.wsl-phase4-coupon-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;margin-bottom:14px}.wsl-phase4-coupon-form button{justify-self:start;min-width:180px}
@media(max-width:1050px){.wsl-phase4-package-grid{grid-template-columns:1fr}.wsl-phase4-order-form,.wsl-phase4-coupon-form{grid-template-columns:repeat(2,minmax(0,1fr))}.wsl-phase4-actions{grid-template-columns:1fr}}
@media(max-width:700px){body.wsl-advertisement-phase4-page .wsl-phase4{width:calc(100% - 16px)!important}.wsl-phase4-hero-actions{min-width:0;width:100%}.wsl-phase4-fields,.wsl-phase4-order-form,.wsl-phase4-coupon-form,.wsl-phase4-invoice-meta{grid-template-columns:1fr}.wsl-phase4-order-form .is-wide{grid-column:auto}.wsl-phase4-order-form button,.wsl-phase4-coupon-form button{width:100%;min-width:0}.wsl-phase4-invoice-head{flex-direction:column}.wsl-phase4-invoice-head div:last-child{text-align:left}}
@media print{body *{visibility:hidden!important}.wsl-phase4-invoice-preview,.wsl-phase4-invoice-preview *{visibility:visible!important}.wsl-phase4-invoice-preview{position:absolute!important;inset:0!important;width:100%!important;margin:0!important;border:0!important;box-shadow:none!important}.wsl-phase4-invoice-preview button{display:none!important}}