/* Stripe Job Board Payments – customer-facing design system.
 * Values can be changed from Job Board Payments > Design & Branding.
 */
.wivja-wrap{
  box-sizing:border-box;
  margin-top:28px;
  margin-bottom:44px;
  color:var(--wivja-text,#0f172a);
  font-size:16px;
  line-height:1.65;
}
.wivja-wrap *{box-sizing:border-box}
.wivja-wrap h2,.wivja-wrap h3,.wivja-wrap h4{color:var(--wivja-text,#0f172a);letter-spacing:-.025em}
.wivja-wrap h2{font-size:clamp(28px,3vw,42px);line-height:1.12;margin:0 0 14px}
.wivja-wrap h3{font-size:21px;line-height:1.25;margin:0 0 8px}
.wivja-wrap p{color:var(--wivja-muted,#64748b);margin:0 0 16px}
.wivja-wrap a{transition:all .18s ease}
.wivja-hero,.wiv-cta-box,.wiv-job-card{
  background:var(--wivja-card-bg,#fff);
  border:1px solid var(--wivja-border,#e2e8f0);
  border-radius:var(--wivja-radius,18px);
  box-shadow:var(--wivja-shadow,0 10px 30px rgba(15,23,42,.08));
}
.wivja-hero,.wiv-cta-box{padding:clamp(24px,4vw,42px)}
.wivja-hero{margin-bottom:28px;background:linear-gradient(135deg,var(--wivja-card-bg,#fff) 0%,var(--wivja-page-bg,#f8fafc) 100%)}
.wivja-eyebrow{margin:0 0 10px!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.11em;color:var(--wivja-accent,#059669)!important}
.wivja-packages{display:grid;grid-template-columns:repeat(var(--wivja-columns,3),minmax(0,1fr));gap:20px;margin:26px 0 30px;align-items:stretch}
.wivja-package-card{position:relative;display:flex;flex-direction:column;min-height:360px;padding:26px;background:var(--wivja-card-bg,#fff);border:1px solid var(--wivja-border,#e2e8f0);border-radius:var(--wivja-radius,18px);box-shadow:var(--wivja-shadow,0 10px 30px rgba(15,23,42,.08));overflow:hidden}
.wivja-package-card:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(15,23,42,.12)}
.wivja-package-card h3{font-size:20px!important}
.wivja-card-top{margin-bottom:12px}
.wivja-price{font-size:32px;font-weight:850;color:var(--wivja-text,#0f172a);margin:10px 0 20px;line-height:1.1;letter-spacing:-.035em}
.wivja-price span{font-size:14px;font-weight:700;color:var(--wivja-muted,#64748b);margin-left:4px;letter-spacing:0}
.wivja-feature-list{list-style:none!important;padding:0!important;margin:0 0 24px!important}
.wivja-feature-list li{position:relative;padding-left:25px;margin:0 0 11px!important;color:var(--wivja-muted,#64748b)!important}
.wivja-feature-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--wivja-accent,#059669);font-weight:900}
.wivja-button,.wiv-apply-btn,.wiv-cta-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:46px;padding:11px 18px;border:1px solid var(--wivja-primary,#635bff);
  border-radius:max(8px,calc(var(--wivja-radius,18px) - 7px));font-weight:800!important;
  text-decoration:none!important;line-height:1.2;cursor:pointer
}
.wivja-button:hover,.wiv-apply-btn:hover{background:var(--wivja-primary-hover,#5147e5)!important;color:#fff!important;border-color:var(--wivja-primary-hover,#5147e5)!important;transform:translateY(-1px)}
.wivja-package-card .wivja-button{margin-top:auto;align-self:stretch;width:100%}
.wiv-cta-btn{background:transparent;color:var(--wivja-text,#0f172a)!important;border-color:var(--wivja-border,#e2e8f0)}
.wiv-cta-btn:hover{border-color:var(--wivja-primary,#635bff);color:var(--wivja-primary,#635bff)!important}
.wivja-highlight-card{border:2px solid color-mix(in srgb,var(--wivja-accent,#059669) 55%,white)!important;box-shadow:0 16px 40px color-mix(in srgb,var(--wivja-accent,#059669) 13%,transparent)!important}
.wivja-highlight-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--wivja-accent,#059669)}
.wivja-plan-badge{display:inline-flex;align-items:center;align-self:flex-start;margin:0 0 14px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--wivja-accent,#059669) 10%,white);color:var(--wivja-accent,#059669);border:1px solid color-mix(in srgb,var(--wivja-accent,#059669) 28%,white);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.wivja-note{padding:14px 16px;background:var(--wivja-page-bg,#f8fafc);border:1px solid var(--wivja-border,#e2e8f0);border-radius:12px;color:var(--wivja-muted,#64748b)}
.wivja-comparison{margin-top:30px;padding:24px;background:var(--wivja-card-bg,#fff);border:1px solid var(--wivja-border,#e2e8f0);border-radius:var(--wivja-radius,18px);box-shadow:var(--wivja-shadow,0 10px 30px rgba(15,23,42,.08))}
.wivja-table-scroll{overflow-x:auto;border:1px solid var(--wivja-border,#e2e8f0);border-radius:12px}
.wivja-compare-table{width:100%;border-collapse:collapse;font-size:14px;margin:0!important;background:var(--wivja-card-bg,#fff)}
.wivja-compare-table th,.wivja-compare-table td{padding:13px 14px;border-bottom:1px solid var(--wivja-border,#e2e8f0);text-align:left;white-space:nowrap}
.wivja-compare-table th{color:var(--wivja-text,#0f172a);background:var(--wivja-page-bg,#f8fafc);font-weight:850}
.wivja-compare-table tbody tr:last-child td{border-bottom:0}
.wivja-billing .wiv-job-card,.wivja-history,.wivja-upgrade-box{margin-top:22px;padding:24px;background:var(--wivja-card-bg,#fff);border:1px solid var(--wivja-border,#e2e8f0);border-radius:var(--wivja-radius,18px);box-shadow:var(--wivja-shadow,0 10px 30px rgba(15,23,42,.08))}
.wivja-sub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.wivja-sub-head h3{margin-bottom:8px!important}.wivja-status{margin:0!important;color:var(--wivja-muted,#64748b)}
.wivja-badge,.wivja-status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:850;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;background:#f1f5f9;color:#334155}
.wivja-badge,.wivja-status-paid,.wivja-status-active{background:#ecfdf5;color:#047857}.wivja-status-pending{background:#fffbeb;color:#92400e}.wivja-status-failed,.wivja-status-canceled,.wivja-status-cancelled{background:#fef2f2;color:#b91c1c}.wivja-status-trialing{background:#eff6ff;color:#1d4ed8}.wivja-status-past_due,.wivja-status-unpaid,.wivja-status-incomplete,.wivja-status-incomplete_expired{background:#fff7ed;color:#c2410c}
.wivja-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.wivja-usage-grid div{background:var(--wivja-page-bg,#f8fafc);border:1px solid var(--wivja-border,#e2e8f0);border-radius:12px;padding:17px}.wivja-usage-grid strong{display:block;font-size:28px;color:var(--wivja-text,#0f172a);line-height:1.1;margin-bottom:5px}.wivja-usage-grid span{display:block;font-size:14px;color:var(--wivja-muted,#64748b)}
.wivja-alert{border-color:#fbbf24!important;background:#fffbeb!important}.wivja-pending-list{display:grid;gap:12px;margin-top:14px}.wivja-pending-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--wivja-card-bg,#fff);border:1px solid #fde68a;border-radius:12px;padding:14px}.wivja-pending-row strong{display:block;color:var(--wivja-text,#0f172a);font-size:16px}.wivja-pending-row span{display:block;color:var(--wivja-muted,#64748b);font-size:14px;margin-top:3px}.wivja-pending-actions,.wivja-actions-row,.wivja-upgrade-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wivja-text-link{font-weight:800;color:#b91c1c!important;text-decoration:none}.wivja-text-link:hover{text-decoration:underline}.wivja-mini-link{font-weight:800;color:var(--wivja-accent,#059669)!important;text-decoration:none}.wivja-muted{color:var(--wivja-muted,#64748b);font-size:13px}
.wivja-renewal-notice{margin:14px 0;padding:12px 14px;border-radius:12px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;font-weight:700}.wivja-renewal-notice.wivja-warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
@media(max-width:1024px){.wivja-packages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.wivja-wrap{width:100%!important;max-width:100%!important;position:static!important;left:auto!important;transform:none!important}.wivja-packages{grid-template-columns:1fr}.wivja-package-card{min-height:auto}.wivja-price{font-size:28px}.wivja-sub-head{display:block}.wivja-badge{margin-top:12px}.wivja-usage-grid{grid-template-columns:1fr}.wivja-pending-row{display:block}.wivja-pending-actions{margin-top:12px}.wivja-secondary-btn{margin-left:0;margin-top:10px;width:100%;text-align:center}.wivja-compare-table{font-size:13px}}