.sf-wrapper *, .sf-wrapper *::before, .sf-wrapper *::after { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; }
.sf-wrapper .sf-d-none { display: none !important; }
.sf-wrapper .sf-sec .sf-sec-body.sf-d-none{display:none!important}
@keyframes sf-fadeUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }
.sf-wrapper { font-family: 'DM Sans', sans-serif !important; background: #ffffff !important; color: #1a2033 !important; width: 100% !important; }
.sf-wrapper .sf-header { text-align: center !important; margin-bottom: 36px !important; }
.sf-wrapper .sf-header h1 { font-size: clamp(2rem, 5vw, 3rem) !important; font-weight: 300 !important; letter-spacing: 0.04em !important; color: #1a2033 !important; line-height: 1.1 !important; }
.sf-wrapper .sf-card { background: #ffffff !important; border: 1px solid #e8ecf4 !important; border-radius: 20px !important; padding: 40px !important; box-shadow: 0 1px 3px rgba(30,50,120,0.06), 0 8px 32px rgba(30,50,120,0.07) !important; }
.sf-wrapper .sf-section-label { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 22px !important; }
.sf-wrapper .sf-section-label::after { content: '' !important; flex: 1 !important; height: 1px !important; background: linear-gradient(to right, #e8ecf4, transparent) !important; }
.sf-wrapper .sf-section-label-icon { width: 26px !important; height: 26px !important; border-radius: 7px !important; background: #eef2fd !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; font-size: 11px !important; color: #7a9af0 !important; line-height: 1 !important; }
.sf-wrapper .sf-section-label-icon svg { display: none !important; }
.sf-wrapper .sf-section-label-text { display: flex !important; flex-direction: column !important; }
.sf-wrapper .sf-section-label-title { font-size: 17px !important; font-weight: 600 !important; color: #1a2033 !important; letter-spacing: 0.01em !important; line-height: 1 !important; }
.sf-wrapper .sf-section-label-sub { display: none !important; }
.sf-wrapper .sf-section-desc { font-size: 13px !important; color: #7a85a0 !important; line-height: 1.6 !important; margin-top: -10px !important; margin-bottom: 20px !important; font-weight: 300 !important; }
.sf-wrapper .sf-grid-2 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
.sf-wrapper .sf-grid-3 { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 16px !important; }
.sf-wrapper .sf-col-span-2 { grid-column: span 2 !important; }

@media (max-width: 520px) {
	.sf-wrapper .sf-grid-2, .sf-wrapper .sf-grid-3 { grid-template-columns: 1fr !important; }
	.sf-wrapper .sf-col-span-2 { grid-column: span 1 !important; }
	.sf-wrapper .sf-card { padding: 24px 20px !important; }
}

.sf-wrapper .sf-field { display: flex !important; flex-direction: column !important; gap: 7px !important; }
.sf-wrapper .sf-field label { font-size: 11.5px !important; font-weight: 500 !important; letter-spacing: 0.06em !important; color: #5a6480 !important; text-transform: uppercase !important; }
.sf-wrapper .sf-field label span.req { color: #3a6be8 !important; margin-left: 2px !important; }

.sf-wrapper input[type="text"],
.sf-wrapper select,
.sf-wrapper textarea {
	width: 100% !important; height: 52px !important; background: #f7f9fc !important;
	border: 1px solid #e8ecf4 !important; border-radius: 10px !important; color: #1a2033 !important;
	font-family: 'DM Sans', sans-serif !important; font-size: 14.5px !important; font-weight: 300 !important;
	padding: 0 16px !important; outline: none !important;
	transition: border-color 0.25s, box-shadow 0.25s, background 0.25s !important;
	-webkit-appearance: none !important; appearance: none !important;
}
.sf-wrapper textarea { height: 90px !important; padding: 14px 16px !important; resize: none !important; line-height: 1.6 !important; }
.sf-wrapper input::placeholder, .sf-wrapper textarea::placeholder { color: #b0b8cc !important; }
.sf-wrapper input:focus, .sf-wrapper select:focus, .sf-wrapper textarea:focus { border-color: #4f7ef8 !important; box-shadow: 0 0 0 3px rgba(79,126,248,0.1) !important; background: #ffffff !important; }
.sf-wrapper input:focus::placeholder, .sf-wrapper textarea:focus::placeholder { color: #c8cfdf !important; }

/* Radio & Checkbox groups */
.sf-radio-group, .sf-checkbox-group { display: flex !important; flex-direction: column !important; gap: 0.5rem !important; padding: 0.25rem 0 !important; }
.sf-radio-label, .sf-checkbox-label { display: flex !important; align-items: center !important; gap: 0.5rem !important; font-size: 0.9rem !important; color: #374151 !important; cursor: pointer !important; user-select: none !important; line-height: 1.4 !important; height: auto !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; background: none !important; padding: 0 !important; }
.sf-radio-label:hover, .sf-checkbox-label:hover { color: #4f46e5 !important; }
.sf-radio-label input[type="radio"], .sf-checkbox-label input[type="checkbox"] { appearance: none !important; -webkit-appearance: none !important; flex-shrink: 0 !important; width: 1.1rem !important; height: 1.1rem !important; border: 2px solid #d1d5db !important; background-color: #fff !important; cursor: pointer !important; transition: border-color 0.15s, background-color 0.15s, box-shadow 0.15s !important; padding: 0 !important; margin: 0 !important; }
.sf-radio-label input[type="radio"] { border-radius: 50% !important; }
.sf-checkbox-label input[type="checkbox"] { border-radius: 4px !important; }
.sf-radio-label input[type="radio"]:checked { border-color: #4f46e5 !important; background-color: #4f46e5 !important; box-shadow: inset 0 0 0 3px #fff !important; }
.sf-checkbox-label input[type="checkbox"]:checked { border-color: #4f46e5 !important; background-color: #4f46e5 !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l3 3 5-6' stroke='%23fff' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 65% !important; }
.sf-radio-label input[type="radio"]:focus, .sf-checkbox-label input[type="checkbox"]:focus { box-shadow: none !important; border-color: #4f46e5 !important; background-color: inherit !important; }
.sf-radio-label input[type="radio"]:checked:focus { background-color: #4f46e5 !important; box-shadow: inset 0 0 0 3px #fff !important; }
.sf-checkbox-label input[type="checkbox"]:checked:focus { background-color: #4f46e5 !important; }
.sf-radio-label input[type="radio"]:focus-visible, .sf-checkbox-label input[type="checkbox"]:focus-visible { outline: 2px solid #4f46e5 !important; outline-offset: 2px !important; }
.sf-radio-label input[type="radio"]:disabled, .sf-checkbox-label input[type="checkbox"]:disabled { border-color: #d1d5db !important; background-color: #f3f4f6 !important; cursor: not-allowed !important; }
.sf-radio-label:has(input:disabled), .sf-checkbox-label:has(input:disabled) { color: #9ca3af !important; cursor: not-allowed !important; }
.sf-radio-group.sf-inline, .sf-checkbox-group.sf-inline { flex-direction: row !important; flex-wrap: wrap !important; gap: 0.5rem 1.25rem !important; }
.sf-wrapper .sf-field a.cke_button {padding: 4px 6px !important;margin:4px !important;}

/* Grouped multi-frequency rate rows */
.sf-wrapper .sf-rate-group-header { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 4px !important; }
.sf-wrapper .sf-rate-group-name { font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; color: #6b7280 !important; padding: 0 2px !important; margin-bottom: 0 !important; }
.sf-wrapper .sf-rate-group-range { font-size: 11px !important; color: #9ca3af !important; white-space: nowrap !important; }
.sf-wrapper .sf-freq-row { display: flex !important; align-items: center !important; gap: 10px !important; padding: 8px 10px !important; border-radius: 8px !important; cursor: pointer !important; transition: background 0.15s !important; }
.sf-wrapper .sf-freq-row:hover { background: #f5f7ff !important; }
.sf-wrapper .sf-freq-row:has(input:checked) { background: #eef3fe !important; }
.sf-wrapper .sf-freq-indented { padding-left: 14px !important; }
.sf-wrapper .sf-freq-label { display: flex !important; align-items: center !important; gap: 8px !important; flex: 1 !important; flex-wrap: wrap !important; }
.sf-wrapper .sf-freq-amount { font-size: 14px !important; font-weight: 500 !important; color: #111827 !important; }
.sf-wrapper .sf-freq-badge { font-size: 11px !important; background: #f0f0f0 !important; color: #555 !important; border-radius: 4px !important; padding: 2px 7px !important; border: 0.5px solid #ddd !important; }
.sf-wrapper .sf-freq-meta { font-size: 12px !important; color: #9ca3af !important; margin-left: auto !important; }
.sf-wrapper .sf-freq-range { font-size: 11px !important; color: #9ca3af !important; }
.sf-wrapper .sf-rate-divider { border: none !important; border-top: 0.5px solid #e5e7eb !important; margin: 4px 0 12px !important; }

.sf-wrapper .sf-account-lookup-body { display: flex !important; align-items: flex-start !important; gap: 20px !important; }
.sf-wrapper .sf-btn-account-lookup { display: inline-flex !important; align-items: center !important; gap: 8px !important; flex-shrink: 0 !important; background: #4f7ef8 !important; border: none !important; border-radius: 10px !important; color: #ffffff !important; font-family: 'DM Sans', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; padding: 12px 20px !important; cursor: pointer !important; letter-spacing: 0.02em !important; transition: background 0.2s, box-shadow 0.2s !important; white-space: nowrap !important; }
.sf-wrapper .sf-btn-account-lookup:hover { background: #3a6be8 !important; box-shadow: 0 4px 12px rgba(79,126,248,0.25) !important; }
.sf-wrapper .sf-btn-account-lookup svg { stroke: #ffffff !important; flex-shrink: 0 !important; }
.sf-wrapper .sf-account-lookup-desc { font-size: 13px !important; color: #7a85a0 !important; line-height: 1.65 !important; font-weight: 300 !important; }
.sf-wrapper .sf-account-lookup-result { margin-top: 14px !important; font-size: 13px !important; color: #3a6be8 !important; min-height: 0 !important; }
@media (max-width: 520px) { .sf-wrapper .sf-account-lookup-body { flex-direction: column !important; } }

/* Account Card */
.sf-wrapper .sf-account-card { display: flex !important; align-items: center !important; gap: 16px !important; background: #ffffff !important; border: 1.5px solid #e8ecf4 !important; border-radius: 14px !important; padding: 18px 22px !important; margin-bottom: 16px !important; transition: border-color 0.2s, box-shadow 0.2s !important; }
.sf-wrapper .sf-account-card:hover { border-color: #d0d7e8 !important; box-shadow: 0 2px 8px rgba(30,50,120,0.06) !important; }
.sf-wrapper .sf-account-card-avatar { width: 50px !important; height: 62px !important; border-radius: 10px !important; border: 1.5px solid #e8ecf4 !important; background: #f7f9fc !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; overflow: hidden !important; }
.sf-wrapper .sf-account-card-avatar svg { width: 24px !important; height: 24px !important; fill: none !important; stroke: #b0b8cc !important; stroke-width: 1.5 !important; }
.sf-wrapper .sf-account-card-avatar img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; }
.sf-wrapper .sf-account-card-info { display: flex !important; flex-direction: column !important; gap: 2px !important; min-width: 0 !important; }
.sf-wrapper .sf-account-card-name { font-size: 15px !important; font-weight: 600 !important; color: #1a2033 !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.sf-wrapper .sf-account-card-org { font-size: 13px !important; font-weight: 400 !important; color: #7a85a0 !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
/* Two-panel card layout */
.sf-wrapper .sf-account-card.sf-account-card-with-panel { padding: 0 !important; gap: 0 !important; align-items: stretch !important; overflow: hidden !important; }
.sf-wrapper .sf-account-card-left { display: flex !important; align-items: center !important; gap: 16px !important; padding: 18px 22px !important; flex: 0 0 55% !important; min-width: 0 !important; }
.sf-wrapper .sf-account-card-right { flex: 0 0 45% !important; display: flex !important; flex-direction: column !important; justify-content: center !important; border-left: 1px solid #e8ecf4 !important; min-width: 0 !important; transition: border-color 0.25s !important; }
.sf-wrapper .sf-account-card-right.sf-d-none { display: none !important; }
.sf-wrapper .sf-account-card.sf-account-card-with-panel:has(> .sf-account-card-right.sf-d-none) .sf-account-card-left { flex: 1 1 auto !important; }
.sf-wrapper .sf-account-card:has(.sf-totals.sf-promo-is-applied) { border-color: #86d4a3 !important; }
.sf-wrapper .sf-account-card:has(.sf-totals.sf-promo-is-applied) .sf-account-card-right { border-left-color: #c6e9d3 !important; }
.sf-wrapper .sf-account-card.sf-no-promo .sf-account-card-right { display: none !important; }
.sf-wrapper .sf-account-card.sf-no-promo .sf-account-card-left { flex: 1 1 auto !important; }
.sf-wrapper .sf-account-card-inline-total { display: none; flex-direction: column !important; align-items: flex-end !important; margin-left: auto !important; flex-shrink: 0 !important; line-height: 1.2 !important; }
.sf-wrapper .sf-inline-label { font-size: 10.5px !important; font-weight: 600 !important; color: #7a85a0 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; margin-bottom: 2px !important; }
.sf-wrapper .sf-inline-amount { font-size: 19px !important; font-weight: 600 !important; color: #1a2033 !important; letter-spacing: -0.01em !important; white-space: nowrap !important; }
.sf-wrapper .sf-account-card.sf-no-promo:has(.sf-account-card-right:not(.sf-d-none)) .sf-account-card-inline-total { display: flex !important; }
.sf-wrapper .sf-cart-total-footer { text-align: right !important; font-size: 14px !important; color: #1a2033 !important; padding-top: 8px !important; }
.sf-wrapper .sf-cart-total-footer .sf-grand-total { font-weight: 700 !important; }
/* Totals Panel */
.sf-wrapper .sf-totals { background: #ffffff !important; transition: background 0.25s !important; }
/* Promo row */
.sf-wrapper .sf-totals-promo { display: flex !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap !important; padding: 12px 18px !important; border-bottom: 1px solid #e8ecf4 !important; transition: background 0.25s, border-color 0.25s !important; }
.sf-wrapper .sf-totals-promo-label { font-size: 11.5px !important; font-weight: 500 !important; color: #5a6480 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; flex-shrink: 0 !important; }
/* Input group */
.sf-wrapper .sf-promo-input-group { flex: 1 !important; display: flex !important; align-items: stretch !important; background: #f7f9fc !important; border: 1px solid #e8ecf4 !important; border-radius: 9px !important; overflow: hidden !important; height: 40px !important; transition: border-color 0.2s, box-shadow 0.2s, background 0.2s !important; gap: 0 !important; margin-top: 0 !important; }
.sf-wrapper .sf-promo-input-group:focus-within { border-color: #4f7ef8 !important; box-shadow: 0 0 0 3px rgba(79,126,248,0.1) !important; background: #ffffff !important; }
.sf-wrapper .sf-promo-input-group input[type="text"] { flex: 1 !important; border: none !important; background: transparent !important; outline: none !important; padding: 0 14px !important; font-size: 13.5px !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: #1a2033 !important; width: auto !important; height: auto !important; min-width: 0 !important; }
.sf-wrapper .sf-promo-input-group input[type="text"]::placeholder { color: #b0b8cc !important; text-transform: none !important; letter-spacing: 0 !important; }
.sf-wrapper .sf-promo-input-group button { border: none !important; background: #1a2033 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 500 !important; padding: 0 22px !important; cursor: pointer !important; transition: background 0.15s !important; white-space: nowrap !important; border-radius: 0 !important; }
.sf-wrapper .sf-promo-input-group button:hover { background: #2c3650 !important; }
.sf-wrapper .sf-promo-input-group button:disabled { background: #d0d7e8 !important; cursor: not-allowed !important; }
.sf-wrapper .sf-promo-input-group.sf-d-none { display: none !important; }
/* Applied pill */
.sf-wrapper .sf-promo-applied { flex: 1 !important; display: flex !important; align-items: center !important; gap: 10px !important; background: #ffffff !important; border: 1px solid #b8e0c8 !important; border-radius: 9px !important; padding: 0 8px 0 14px !important; height: 40px !important; margin-top: 0 !important; }
.sf-wrapper .sf-promo-applied.sf-d-none { display: none !important; }
.sf-wrapper .sf-promo-check { flex-shrink: 0 !important; width: 22px !important; height: 22px !important; border-radius: 50% !important; background: #16a34a !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.sf-wrapper .sf-promo-check svg { width: 12px !important; height: 12px !important; }
.sf-wrapper .sf-promo-applied-info { flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 1px !important; min-width: 0 !important; line-height: 1.2 !important; }
.sf-wrapper .sf-promo-applied-code { font-size: 12.5px !important; font-weight: 600 !important; color: #16834a !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; }
.sf-wrapper .sf-promo-applied-text { font-size: 11px !important; font-weight: 400 !important; color: #4a8060 !important; }
.sf-wrapper .sf-promo-redeem-detail { font-size: 11px !important; font-weight: 400 !important; color: #4a8060 !important; }
.sf-wrapper .sf-promo-remove-btn { flex-shrink: 0 !important; width: 28px !important; height: 28px !important; border-radius: 7px !important; border: none !important; background: transparent !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; color: #16834a !important; transition: background 0.15s, color 0.15s !important; padding: 0 !important; box-shadow: none !important; line-height: 1 !important; }
.sf-wrapper .sf-promo-remove-btn:hover { background: #fef2f2 !important; color: #dc2626 !important; }
/* Error message */
.sf-wrapper .sf-promo-msg { display: none !important; align-items: center !important; gap: 5px !important; flex-basis: 100% !important; margin-top: 4px !important; font-size: 12px !important; font-weight: 500 !important; color: #c82333 !important; line-height: 1.3 !important; }
.sf-wrapper .sf-promo-msg svg { width: 12px !important; height: 12px !important; flex-shrink: 0 !important; }
.sf-wrapper .sf-promo-msg:not(.sf-d-none) { display: flex !important; }
/* Total row */
.sf-wrapper .sf-totals-total { padding: 18px 22px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
.sf-wrapper .sf-totals-total-label { font-size: 14px !important; font-weight: 500 !important; color: #5a6480 !important; }
.sf-wrapper .sf-totals-total-amount { text-align: right !important; line-height: 1.2 !important; }
.sf-wrapper .sf-totals-grand { font-size: 22px !important; font-weight: 600 !important; color: #1a2033 !important; letter-spacing: -0.01em !important; transition: color 0.25s !important; display: block !important; }
.sf-wrapper .sf-totals-strike { display: none !important; font-size: 13px !important; color: #9aa0b5 !important; text-decoration: line-through !important; font-weight: 400 !important; margin-top: 2px !important; }
.sf-wrapper .sf-totals-savings { display: none !important; font-size: 11.5px !important; color: #16a34a !important; font-weight: 500 !important; margin-top: 1px !important; }
/* Applied state */
.sf-wrapper .sf-totals.sf-promo-is-applied .sf-totals-promo { background: #f5fcf8 !important; border-bottom-color: #c6e9d3 !important; }
.sf-wrapper .sf-totals.sf-promo-is-applied .sf-totals-grand { color: #16834a !important; }
.sf-wrapper .sf-totals.sf-promo-is-applied .sf-totals-strike { display: block !important; }
.sf-wrapper .sf-totals.sf-promo-is-applied .sf-totals-savings { display: block !important; }
/* Error state */
.sf-wrapper .sf-totals.sf-promo-is-error .sf-promo-input-group { border-color: #f5b5bd !important; background: #fef5f6 !important; }
.sf-wrapper .sf-totals.sf-promo-is-error .sf-promo-input-group:focus-within { border-color: #f83245 !important; box-shadow: 0 0 0 3px rgba(248,50,69,0.08) !important; background: #ffffff !important; }
.sf-wrapper .sf-totals.sf-promo-is-error .sf-promo-input-group input { color: #b91c2e !important; }
@media (max-width: 600px) { .sf-wrapper .sf-totals-promo { flex-direction: column !important; align-items: stretch !important; gap: 8px !important; } }
@media (max-width: 600px) {
	.sf-wrapper .sf-account-card.sf-account-card-with-panel { flex-direction: column !important; }
	.sf-wrapper .sf-account-card-left { flex: none !important; width: 100% !important; border-bottom: 1px solid #e8ecf4 !important; }
	.sf-wrapper .sf-account-card-right { flex: none !important; width: 100% !important; border-left: none !important; }
	.sf-wrapper .sf-account-card.sf-account-card-with-panel:has(> .sf-account-card-right.sf-d-none) .sf-account-card-left { border-bottom: none !important; }
}

.sf-loading { max-width: 480px; margin: 40px auto; padding: 0 16px; display: flex; flex-direction: column; gap: 20px; }
.sf-skel { background: #ececec; border-radius: 4px; background-image: linear-gradient(90deg, #ececec 25%, #f5f5f5 50%, #ececec 75%); background-size: 200% 100%; animation: sf-shimmer 1.4s infinite; }
.sf-skel--title { height: 22px; width: 45%; margin-bottom: 8px; } .sf-skel--label { height: 12px; width: 30%; } .sf-skel--input { height: 38px; width: 100%; border-radius: 6px; } .sf-skel--textarea { height: 90px; } .sf-skel--btn { height: 40px; width: 120px; border-radius: 6px; margin-top: 4px; }
@keyframes sf-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }

.sf-wrapper h3 { margin-bottom: 10px !important; }
.sf-wrapper form { margin: 0 !important; }
.sf-wrapper .sf-text-light { color: #fff !important; } .sf-wrapper .sf-text-danger { color: #f83245 !important; } .sf-wrapper .sf-text-dim { color: #808080 !important; } .sf-wrapper .sf-text-center { text-align: center !important; } .sf-wrapper .sf-text-right { text-align: right !important; }
.sf-wrapper .sf-d-inline-block { display: inline-block !important; } .sf-wrapper .sf-d-flex { display: flex !important; } .sf-wrapper .sf-flex-wrap { flex-wrap: wrap !important; } .sf-wrapper .sf-flex-column { flex-direction: column !important; } .sf-wrapper .sf-justify-center { justify-content: center !important; } .sf-wrapper .sf-justify-between { justify-content: space-between !important; }
.sf-wrapper .sf-col { flex-basis: 0; flex-grow: 1; max-width: 100%; padding-right: 5px; padding-left: 5px; }
.sf-wrapper .sf-col-auto { flex: 0 0 auto; width: auto; max-width: 100%; padding-right: 5px; padding-left: 5px; }
.sf-wrapper .sf-align-self-start { align-self: start !important; } .sf-wrapper .sf-align-self-center { align-self: center !important; }
.sf-wrapper .sf-p-0{padding:0!important}.sf-wrapper .sf-pt-0{padding-top:0!important}.sf-wrapper .sf-pr-0{padding-right:0!important}.sf-wrapper .sf-pr-2{padding-right:.5em!important}.sf-wrapper .sf-p-1{padding:.25em!important}.sf-wrapper .sf-p-2{padding:.5em!important}.sf-wrapper .sf-p-3{padding:1em!important}.sf-wrapper .sf-pt-3{padding-top:1em!important}.sf-wrapper .sf-pl-0{padding-left:0!important}.sf-wrapper .sf-pl-1{padding-left:.25em!important}.sf-wrapper .sf-pl-2{padding-left:.5em!important}.sf-wrapper .sf-pl-3{padding-left:1em!important}.sf-wrapper .sf-pl-5{padding-left:2em!important}.sf-wrapper .sf-pb-0{padding-bottom:0!important}.sf-wrapper .sf-pb-1{padding-bottom:.25em!important}.sf-wrapper .sf-pb-2{padding-bottom:.5em!important}
.sf-wrapper .sf-m-0{margin:0!important}.sf-wrapper .sf-m-1{margin:.25em!important}.sf-wrapper .sf-m-2{margin:.5em!important}.sf-wrapper .sf-mt-0{margin-top:0!important}.sf-wrapper .sf-mt-1{margin-top:.25em!important}.sf-wrapper .sf-mt-2{margin-top:.5em!important}.sf-wrapper .sf-mt-3{margin-top:1em!important}.sf-wrapper .sf-mt-4{margin-top:1.5em!important}.sf-wrapper .sf-mt-5{margin-top:2em!important}.sf-wrapper .sf-mb-0{margin-bottom:0!important}.sf-wrapper .sf-mb-1{margin-bottom:.25em!important}.sf-wrapper .sf-mb-2{margin-bottom:.5em!important}.sf-wrapper .sf-mb-3{margin-bottom:1em!important}.sf-wrapper .sf-mb-4{margin-bottom:1.5em!important}.sf-wrapper .sf-mb-5{margin-bottom:2em!important}.sf-wrapper .sf-ml-1{margin-left:.25em!important}.sf-wrapper .sf-ml-2{margin-left:.5em!important}.sf-wrapper .sf-mr-1{margin-right:.25em!important}.sf-wrapper .sf-mr-2{margin-right:.5em!important}.sf-wrapper .sf-mr-3{margin-right:1em!important}.sf-wrapper .sf-mr-4{margin-right:1.5em!important}.sf-wrapper .sf-mr-5{margin-right:2em!important}
.sf-wrapper .sf-font-size-xs{font-size:.79em!important}.sf-wrapper .sf-font-size-sm{font-size:.85em!important}.sf-wrapper .sf-font-size-md{font-size:.95em!important}.sf-wrapper .sf-font-size-lg{font-size:1.1875em!important}.sf-wrapper .sf-font-size-xl{font-size:1.425em!important}.sf-wrapper .sf-font-weight-bold{font-weight:bold!important}
.sf-wrapper .sf-ml-auto{margin-left:auto!important}.sf-wrapper .sf-mr-auto{margin-right:auto!important}.sf-wrapper .sf-mx-auto{margin-left:auto!important;margin-right:auto!important}
.sf-wrapper .sf-border-gray{border-color:gray!important}.sf-wrapper .sf-align-top{vertical-align:top!important}.sf-wrapper .sf-text-nowrap{white-space:nowrap!important}
.sf-wrapper .sf-formcontrol{height:35px!important;box-sizing:border-box!important;margin:0!important}
.sf-wrapper .sf-img-thumbnail{padding:.25em;background-color:#fff;border:1px solid #eeeff8;border-radius:.65em;max-width:100%;height:auto}
.sf-wrapper .sf-bg-light{background-color:#f4f5fd!important}.sf-wrapper .sf-bg-whitesmoke{background-color:#f5f5f5!important}
.sf-wrapper .sf-text-decoration-none{text-decoration:none!important}.sf-wrapper .sf-cursor-pointer{cursor:pointer}.sf-wrapper .sf-strike{text-decoration:line-through}
.sf-wrapper .sf-border{border:1px solid #eeeff8!important}.sf-wrapper .sf-border-top{border-top:1px solid #eeeff8!important}.sf-wrapper .sf-border-right{border-right:1px solid #eeeff8!important}.sf-wrapper .sf-border-bottom{border-bottom:1px solid #eeeff8!important}
.sf-wrapper .sf-w-100{width:100%!important}.sf-wrapper .sf-h-100{height:100%!important}.sf-wrapper .sf-w-25{width:25%!important}.sf-wrapper .sf-w-50{width:50%!important}.sf-wrapper .sf-mw-25{min-width:25%!important}
.sf-wrapper .sf-shadow-none{box-shadow:none!important}
@media (max-width: 576px) {
	.sf-wrapper .sf-flex-sm-row{flex-direction:row!important}.sf-wrapper .sf-flex-sm-column{flex-direction:column!important}
	.sf-wrapper .sf-text-sm-left{text-align:left!important}.sf-wrapper .sf-text-sm-right{text-align:right!important}.sf-wrapper .sf-text-sm-center{text-align:center!important}
	.sf-wrapper .sf-mt-sm-2{margin-top:.5rem!important}.sf-wrapper .sf-align-self-sm-start{align-self:start!important}
}

/* Section card (non-accordion, no-title)*/
.sf-wrapper .sf-sec{background:#ffffff!important;border:1px solid #e8ecf4!important;border-radius:16px!important;overflow:hidden!important;margin-bottom:10px!important}
.sf-wrapper .sf-sec-header{padding:18px 22px!important;background:#f8faff!important;border-bottom:1px solid #e8ecf4!important;display:flex!important;align-items:center!important;gap:12px!important}
.sf-wrapper .sf-sec-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#4f7ef8!important;flex-shrink:0!important}
.sf-wrapper .sf-sec-title{font-size:14px!important;font-weight:600!important;color:#1a2033!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important}
.sf-wrapper .sf-sec .sf-sec-body{padding:22px!important;display:flex!important;flex-direction:column!important;gap:16px!important}
.sf-wrapper .sf-sec.sf-has-dropdown-open{overflow:visible!important}

/* Accordion section */
.sf-wrapper .sf-acc{background:#ffffff!important;border:1px solid #e8ecf4!important;border-radius:16px!important;overflow:hidden!important;margin-bottom:10px!important;transition:border-color 0.25s,box-shadow 0.25s!important}
.sf-wrapper .sf-acc.sf-has-dropdown-open{overflow:visible!important}
.sf-wrapper .sf-acc.sf-is-open{border-color:rgba(79,126,248,0.3)!important;box-shadow:0 0 0 3px rgba(79,126,248,0.05)!important}
.sf-wrapper .sf-acc-trigger{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:18px 22px!important;cursor:pointer!important;user-select:none!important;background:#ffffff!important;border:none!important;width:100%!important;text-align:left!important;transition:background 0.15s!important;height:auto!important;border-radius:0!important;box-shadow:none!important;outline:none!important;font-family:'DM Sans',sans-serif!important}
.sf-wrapper .sf-acc-trigger:hover{background:#fafbff!important}
.sf-wrapper .sf-acc.sf-is-open .sf-acc-trigger{border-bottom:1px solid #e8ecf4!important}
.sf-wrapper .sf-acc-trigger-left{display:flex!important;align-items:center!important;gap:12px!important}

/* status dot: grey = collapsed, blue = open, green = complete */
.sf-wrapper .sf-acc-dot {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: #d0d7e8 !important;
	flex-shrink: 0 !important;
	transition: background 0.2s !important;
}
.sf-wrapper .sf-acc.sf-is-open .sf-acc-dot { background: #4f7ef8 !important; }
.sf-wrapper .sf-acc.sf-is-complete .sf-acc-dot { background: #22c55e !important; }

.sf-wrapper .sf-acc-title-wrap { display: flex !important; flex-direction: column !important; gap: 2px !important; }
.sf-wrapper .sf-acc-title { font-size: 14px !important;font-weight: 600 !important;color: #1a2033 !important;line-height: 1.2 !important;letter-spacing: 0 !important;text-transform: none !important; }
.sf-wrapper .sf-acc-desc { font-size: 12px !important;color: #7a85a0 !important;font-weight: 300 !important;line-height: 1 !important;letter-spacing: 0 !important;text-transform: none !important; }

/* chevron icon */
.sf-wrapper .sf-acc-chevron { width: 28px !important;height: 28px !important;border-radius: 7px !important;background: #f3f5fb !important;display: flex !important;align-items: center !important;justify-content: center !important;flex-shrink: 0 !important;transition: background 0.15s, transform 0.25s !important;}
.sf-wrapper .sf-acc.sf-is-open .sf-acc-chevron { background: #eef2fd !important; transform: rotate(180deg) !important; }
.sf-wrapper .sf-acc-chevron svg { display: block !important; width: 14px !important; height: 14px !important; stroke: #7a85a0 !important; fill: none !important; transition: stroke 0.15s !important; }
.sf-wrapper .sf-acc.sf-is-open .sf-acc-chevron svg { stroke: #4f7ef8 !important; }

/* Accordion panel (the collapsible body) */
.sf-wrapper .sf-acc-panel {overflow: hidden !important;}
.sf-wrapper .sf-acc.sf-has-dropdown-open .sf-acc-panel {overflow: visible !important;}
.sf-wrapper .sf-acc-panel-inner { padding: 22px !important;display: flex !important;flex-direction: column !important;gap: 16px !important;}
.sf-wrapper .sf-sel-wrap { position: relative !important; }
.sf-wrapper .sf-sel-wrap::after { content: '' !important; position: absolute !important; right: 14px !important; top: 50% !important; transform: translateY(-50%) !important; border-left: 4px solid transparent !important; border-right: 4px solid transparent !important; border-top: 5px solid #8a94b0 !important; pointer-events: none !important; }
.sf-wrapper .sf-sel-wrap select { padding-right: 36px !important; }

/* list row style */
.sf-wrapper .sf-chk-list { border: 1px solid #e8ecf4 !important; border-radius: 10px !important; overflow: hidden !important; }
.sf-wrapper .sf-chk-item { position: relative !important; }
.sf-wrapper .sf-chk-item + .sf-chk-item { border-top: 1px solid #e8ecf4 !important; }
.sf-wrapper .sf-chk-item input[type="checkbox"] { position: absolute !important; opacity: 0 !important; width: 0 !important; height: 0 !important; }
.sf-wrapper .sf-chk-item label {
	display: flex !important; align-items: center !important; justify-content: space-between !important;
	padding: 13px 16px !important; cursor: pointer !important; font-size: 13.5px !important;
	font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important;
	color: #1a2033 !important; background: #ffffff !important; transition: background 0.12s !important;
	height: auto !important; border-radius: 0 !important; border: none !important; box-shadow: none !important;
}
.sf-wrapper .sf-chk-item label:hover { background: #f7f9fc !important; }
.sf-wrapper .sf-chk-item input[type="checkbox"]:checked + label { background: #eef2fd !important; color: #185fa5 !important; }
.sf-wrapper .sf-chk-mark {
	width: 20px !important; height: 20px !important; border-radius: 50% !important;
	border: 1px solid #d0d7e8 !important; background: #f7f9fc !important;
	display: flex !important; align-items: center !important; justify-content: center !important;
	flex-shrink: 0 !important; transition: all 0.15s !important;
	font-size: 11px !important; color: transparent !important; line-height: 1 !important;
}
.sf-wrapper .sf-chk-item input[type="checkbox"]:checked + label .sf-chk-mark { background: #4f7ef8 !important; border-color: #4f7ef8 !important; color: #ffffff !important; }

/* Dropdown Multi-select */
.sf-wrapper .sf-multiselect{position:relative!important}
.sf-wrapper .sf-multiselect-trigger{width:100%!important;min-height:52px!important;height:auto!important;background:#f7f9fc!important;border:1px solid #e8ecf4!important;border-radius:10px!important;padding:8px 42px 8px 16px!important;cursor:pointer!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;position:relative!important;transition:border-color 0.25s,box-shadow 0.25s,background 0.25s!important;font-family:'DM Sans',sans-serif!important;box-sizing:border-box!important}
.sf-wrapper .sf-multiselect-trigger:hover{border-color:#c8d0e4!important}
.sf-wrapper .sf-multiselect.sf-is-open .sf-multiselect-trigger{border-color:#4f7ef8!important;box-shadow:0 0 0 3px rgba(79,126,248,0.1)!important;background:#ffffff!important}
.sf-wrapper .sf-multiselect-placeholder{font-size:14.5px!important;font-weight:300!important;color:#b0b8cc!important;line-height:1.4!important}
.sf-wrapper .sf-multiselect-tags{display:flex!important;flex-wrap:wrap!important;gap:5px!important;align-items:center!important}
.sf-wrapper .sf-multiselect-tag{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:12px!important;font-weight:500!important;color:#185fa5!important;background:#eef2fd!important;border-radius:6px!important;padding:4px 8px!important;line-height:1.3!important;white-space:nowrap!important;height:auto!important;border:none!important;box-shadow:none!important;letter-spacing:0!important;text-transform:none!important}
.sf-wrapper .sf-multiselect-tag-remove{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:14px!important;height:14px!important;border-radius:50%!important;background:rgba(79,126,248,0.15)!important;color:#4f7ef8!important;font-size:10px!important;line-height:1!important;cursor:pointer!important;transition:background 0.15s!important;border:none!important;padding:0!important;box-shadow:none!important;font-family:'DM Sans',sans-serif!important}
.sf-wrapper .sf-multiselect-tag-remove:hover{background:rgba(79,126,248,0.3)!important}
.sf-wrapper .sf-multiselect-arrow{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important;height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:transform 0.25s!important;pointer-events:none!important}
.sf-wrapper .sf-multiselect.sf-is-open .sf-multiselect-arrow{transform:translateY(-50%) rotate(180deg)!important}
.sf-wrapper .sf-multiselect-arrow svg{display:block!important;width:12px!important;height:12px!important;stroke:#8a94b0!important;fill:none!important;transition:stroke 0.15s!important}
.sf-wrapper .sf-multiselect.sf-is-open .sf-multiselect-arrow svg{stroke:#4f7ef8!important}
.sf-wrapper .sf-multiselect-dropdown{display:none;position:absolute!important;top:calc(100% + 4px)!important;left:0!important;right:0!important;background:#ffffff!important;border:1px solid #e0e5f0!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(30,50,120,0.1),0 2px 6px rgba(30,50,120,0.06)!important;z-index:100!important;overflow-x:hidden!important;overflow-y:auto!important;max-height:220px!important;animation:sf-dropIn 0.18s ease-out!important;scrollbar-width:thin!important;scrollbar-color:#d0d7e8 transparent!important}
.sf-wrapper .sf-multiselect-dropdown::-webkit-scrollbar{width:6px!important}
.sf-wrapper .sf-multiselect-dropdown::-webkit-scrollbar-track{background:transparent!important}
.sf-wrapper .sf-multiselect-dropdown::-webkit-scrollbar-thumb{background:#d0d7e8!important;border-radius:3px!important}
.sf-wrapper .sf-multiselect-dropdown::-webkit-scrollbar-thumb:hover{background:#b0bbd4!important}
.sf-wrapper .sf-multiselect.sf-is-open .sf-multiselect-dropdown{display:block}
@keyframes sf-dropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.sf-wrapper .sf-multiselect-option{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 16px!important;cursor:pointer!important;font-size:13.5px!important;font-weight:400!important;color:#1a2033!important;transition:background 0.12s!important;height:auto!important;border:none!important;border-radius:0!important;box-shadow:none!important;letter-spacing:0!important;text-transform:none!important;user-select:none!important}
.sf-wrapper .sf-multiselect-option:hover{background:#f7f9fc!important}
.sf-wrapper .sf-multiselect-option+.sf-multiselect-option{border-top:1px solid #f0f2f8!important}
.sf-wrapper .sf-multiselect-option input[type="checkbox"]{position:absolute!important;opacity:0!important;width:0!important;height:0!important;pointer-events:none!important}
.sf-wrapper .sf-multiselect-check{width:20px!important;height:20px!important;border-radius:5px!important;border:1.5px solid #d0d7e8!important;background:#f7f9fc!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;transition:all 0.15s!important;font-size:11px!important;color:transparent!important;line-height:1!important}
.sf-wrapper .sf-multiselect-option input[type="checkbox"]:checked~.sf-multiselect-check{background:#4f7ef8!important;border-color:#4f7ef8!important;color:#ffffff!important}
.sf-wrapper .sf-multiselect-option:has(input:checked){background:#fafbff!important}

.sf-wrapper .sf-date-wrap { position: relative !important; }
.sf-wrapper .sf-date-clear { display: none; position: absolute !important; right: 20px !important; top: 50% !important; transform: translateY(-50%) !important; background: none !important; border: none !important; padding: 0 !important; cursor: pointer !important; font-family: 'DM Sans', sans-serif !important; font-size: 11px !important; font-weight: 500 !important; color: #7a85a0 !important; letter-spacing: 0.02em !important; transition: color 0.15s !important; height: auto !important; border-radius: 0 !important; box-shadow: none !important; line-height: 1 !important; }
.sf-wrapper .sf-date-clear:hover { color: #f83245 !important; }
.sf-wrapper .sf-date-wrap.sf-has-value .sf-date-clear { display: block; }

/* Document upload (DOCUMENT display type) */
.sf-wrapper .sf-document { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px !important; width: 100% !important; min-height: 52px !important; padding: 10px 16px !important; background: #f7f9fc !important; border: 1px solid #e8ecf4 !important; border-radius: 10px !important; box-sizing: border-box !important; transition: border-color 0.25s, box-shadow 0.25s, background 0.25s !important; }
.sf-wrapper .sf-document:focus-within { border-color: #4f7ef8 !important; box-shadow: 0 0 0 3px rgba(79, 126, 248, 0.1) !important; background: #ffffff !important; }
.sf-wrapper .sf-document-browse { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; min-height: 40px !important; padding: 0 18px !important; background: #ffffff !important; border: 1px solid #d0d7e8 !important; border-radius: 8px !important; font-family: 'DM Sans', sans-serif !important; font-size: 13.5px !important; font-weight: 500 !important; color: #1a2033 !important; cursor: pointer !important; letter-spacing: 0.02em !important; transition: background 0.2s, border-color 0.2s, color 0.2s !important; line-height: 1.2 !important; }
.sf-wrapper .sf-document-browse:hover { background: #eef2fd !important; border-color: #4f7ef8 !important; color: #185fa5 !important; }
.sf-wrapper .sf-document-browse:focus-visible { outline: 2px solid #4f7ef8 !important; outline-offset: 2px !important; }
.sf-wrapper .sf-document-status { flex: 1 1 160px !important; min-width: 0 !important; font-size: 13.5px !important; font-weight: 400 !important; color: #1a2033 !important; line-height: 1.45 !important; letter-spacing: 0 !important; text-transform: none !important; word-break: break-word !important; }
.sf-wrapper .sf-document-status:empty { display: none !important; }
.sf-wrapper .sf-document-status a { color: #3a6be8 !important; text-decoration: none !important; font-weight: 500 !important; border-bottom: 1px solid rgba(58, 107, 232, 0.35) !important; transition: color 0.15s, border-color 0.15s !important; }
.sf-wrapper .sf-document-status a:hover { color: #1a4fd6 !important; border-bottom-color: #1a4fd6 !important; }
@media (max-width: 520px) {
	.sf-wrapper .sf-document { flex-direction: column !important; align-items: stretch !important; }
	.sf-wrapper .sf-document-browse { width: 100% !important; justify-content: center !important; }
}

/* pro lic */
.sf-wrapper .sf-lic-table { width: 100% !important; margin-top: 8px !important; }
.sf-wrapper .sf-lic-header { display: grid !important; grid-template-columns: 1.2fr 1.2fr 1fr 1fr !important; gap: 12px !important; padding: 0 4px 10px !important; border-bottom: 1px solid #e8ecf4 !important; }
.sf-wrapper .sf-lic-header span { font-size: 11.5px !important; font-weight: 600 !important; color: #5a6480 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; line-height: 1 !important; }
.sf-wrapper .sf-lic-row { display: none !important; grid-template-columns: 1.2fr 1.2fr 1fr 1fr !important; gap: 12px !important; padding: 12px 4px !important; align-items: center !important; border-bottom: 1px solid #f0f2f8 !important; animation: sf-fadeUp 0.3s ease both !important; }
@media (min-width: 521px) {
	.sf-wrapper .sf-lic-table.sf-lic-table--no-status .sf-lic-header,
	.sf-wrapper .sf-lic-table.sf-lic-table--no-status .sf-lic-row { grid-template-columns: 1.2fr 1.2fr 1fr !important; }
}
.sf-wrapper .sf-lic-row.sf-is-visible { display: grid !important; }
.sf-wrapper .sf-lic-body:not(:has(> .sf-lic-empty)) > .sf-lic-row:last-child,
.sf-wrapper .sf-lic-body:has(> .sf-lic-empty) > .sf-lic-row:nth-last-child(2) { border-bottom: none !important; }
.sf-wrapper .sf-lic-type { font-size: 13.5px !important; font-weight: 400 !important; color: #1a2033 !important; line-height: 1.3 !important; }
.sf-wrapper .sf-lic-row input[type="text"], .sf-wrapper .sf-lic-row select { height: 42px !important; font-size: 13px !important; padding: 0 12px !important; }
.sf-wrapper .sf-lic-row .sf-date-wrap .sf-date-clear { right: 16px !important; }
.sf-wrapper .sf-lic-empty { padding: 20px 4px !important; text-align: center !important; font-size: 13px !important; color: #9aa0b5 !important; font-weight: 300 !important; }
/* Desktop: header row names columns; keep labels in DOM for SR / mobile but hide visually */
.sf-wrapper .sf-lic-row .sf-field label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
@media (max-width: 520px) { .sf-wrapper .sf-lic-header { display: none !important; } .sf-wrapper .sf-lic-row { grid-template-columns: 1fr !important; gap: 8px !important; padding: 16px 4px !important; } .sf-wrapper .sf-lic-row .sf-field label { position: static !important; width: auto !important; height: auto !important; margin: 0 !important; overflow: visible !important; clip: auto !important; clip-path: none !important; white-space: normal !important; border: 0 !important; display: block !important; } }

/* typeahead / searchable dropdown / firmpicker lookup */
.sf-wrapper .sf-typeahead{position:relative!important}
.sf-wrapper input[type="text"].sf-typeahead-input{padding-right:36px!important}
.sf-wrapper .sf-typeahead.sf-is-selected .sf-typeahead-input{color:#1a2033!important;font-weight:400!important}
.sf-wrapper .sf-typeahead-clear{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;display:none;background:none!important;border:none!important;padding:0!important;cursor:pointer!important;font-size:16px!important;color:#7a85a0!important;line-height:1!important;height:auto!important;width:auto!important;border-radius:0!important;box-shadow:none!important;transition:color 0.15s!important}
.sf-wrapper .sf-typeahead-clear:hover{color:#f83245!important}
.sf-wrapper .sf-typeahead.sf-is-selected .sf-typeahead-clear{display:block}
.sf-wrapper .sf-typeahead-dropdown{display:none;position:absolute!important;top:calc(100% + 4px)!important;left:0!important;right:0!important;background:#ffffff!important;border:1px solid #e0e5f0!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(30,50,120,0.1),0 2px 6px rgba(30,50,120,0.06)!important;z-index:100!important;overflow-x:hidden!important;overflow-y:auto!important;max-height:220px!important;animation:sf-dropIn 0.18s ease-out!important;scrollbar-width:thin!important;scrollbar-color:#d0d7e8 transparent!important}
.sf-wrapper .sf-typeahead-dropdown::-webkit-scrollbar{width:6px!important}
.sf-wrapper .sf-typeahead-dropdown::-webkit-scrollbar-track{background:transparent!important}
.sf-wrapper .sf-typeahead-dropdown::-webkit-scrollbar-thumb{background:#d0d7e8!important;border-radius:3px!important}
.sf-wrapper .sf-typeahead-dropdown::-webkit-scrollbar-thumb:hover{background:#b0bbd4!important}
.sf-wrapper .sf-typeahead.sf-is-open .sf-typeahead-dropdown{display:block}
.sf-wrapper .sf-typeahead-option{padding:11px 16px!important;cursor:pointer!important;font-size:13.5px!important;font-weight:400!important;color:#1a2033!important;transition:background 0.12s!important;line-height:1.4!important}
.sf-wrapper .sf-typeahead-option:hover,.sf-wrapper .sf-typeahead-option.sf-is-active{background:#f7f9fc!important}
.sf-wrapper .sf-typeahead-option+.sf-typeahead-option{border-top:1px solid #f0f2f8!important}
.sf-wrapper .sf-typeahead-option.sf-is-match-hidden{display:none!important}
.sf-wrapper .sf-typeahead-empty{display:none;padding:14px 16px!important;font-size:13px!important;color:#9aa0b5!important;font-weight:300!important;text-align:center!important}
.sf-wrapper .sf-typeahead-highlight{background:#eef2fd!important;color:#185fa5!important;border-radius:2px!important;padding:0 1px!important}
.sf-wrapper .sf-firm-lookup{display:flex!important;flex-direction:column!important;gap:16px!important}
.sf-wrapper .sf-firm-row{display:flex!important;align-items:flex-end!important;gap:16px!important}
.sf-wrapper .sf-firm-row .sf-field{flex:1!important}
.sf-wrapper .sf-firm-toggle{display:inline-flex!important;align-items:center!important;gap:4px!important;background:none!important;border:none!important;padding:0!important;cursor:pointer!important;font-family:'DM Sans',sans-serif!important;font-size:13px!important;font-weight:500!important;color:#3a6be8!important;white-space:nowrap!important;flex-shrink:0!important;transition:color 0.15s!important;height:52px!important;border-radius:0!important;box-shadow:none!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;line-height:1.3!important}
.sf-wrapper .sf-firm-toggle:hover{color:#1a4fd6!important;text-decoration:underline!important}
.sf-wrapper .sf-firm-view{display:block}
.sf-wrapper .sf-firm-view.sf-is-hidden{display:none}
@media(max-width:520px){.sf-wrapper .sf-firm-row{flex-direction:column!important;align-items:stretch!important}}

/* Actions bar */
.sf-wrapper .sf-actions { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; margin-top: 8px !important; padding: 0 2px !important; }
.sf-wrapper .sf-act-btns { display: flex !important; gap: 8px !important; }
.sf-wrapper .sf-btn-back { height: 44px !important; padding: 0 22px !important; background: transparent !important; border: 1px solid #d0d7e8 !important; border-radius: 10px !important; font-family: 'DM Sans', sans-serif !important; font-size: 13.5px !important; font-weight: 400 !important; color: #5a6480 !important; cursor: pointer !important; transition: background 0.15s, border-color 0.15s !important; letter-spacing: 0 !important; }
.sf-wrapper .sf-btn-back:hover { background: #f7f9fc !important; border-color: #b0bbd4 !important; }
.sf-wrapper .sf-btn-next { height: 44px !important; padding: 0 26px !important; background: #4f7ef8 !important; border: none !important; border-radius: 10px !important; font-family: 'DM Sans', sans-serif !important; font-size: 13.5px !important; font-weight: 500 !important; color: #ffffff !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; transition: background 0.15s !important; letter-spacing: 0 !important; }
.sf-wrapper .sf-btn-next:hover { background: #3a6be8 !important; }
.sf-wrapper .sf-btn { height: 44px !important; padding: 0 26px !important; background: #4f7ef8 !important; border: none !important; border-radius: 10px !important; font-family: 'DM Sans', sans-serif !important; font-size: 13.5px !important; font-weight: 500 !important; color: #ffffff !important; cursor: pointer !important; line-height: 44px !important; transition: background 0.15s !important; letter-spacing: 0 !important; }
.sf-wrapper .sf-btn:hover { background: #3a6be8 !important; }
.sf-wrapper .btn.btn-sm.btn-primary { height: 44px !important; padding: 0 26px !important; background: #4f7ef8 !important; border: none !important; border-radius: 10px !important; font-family: 'DM Sans', sans-serif !important; font-size: 13.5px !important; font-weight: 500 !important; color: #ffffff !important; cursor: pointer !important; line-height: 44px !important; transition: background 0.15s !important; letter-spacing: 0 !important; }
.sf-wrapper .btn.btn-sm.btn-primary:hover { background: #3a6be8 !important; }
.sf-wrapper .sf-btn-next.sf-is-loading { background: #3a6be8 !important; cursor: not-allowed !important; }
@keyframes sf-spin { to { transform: rotate(360deg); } }
.sf-icon-spinner { display: inline-block; width: 14px; height: 14px; border: 2px solid rgba(0,0,0,0.15); border-top-color: #555; border-radius: 50%; animation: sf-spin 0.7s linear infinite; vertical-align: middle; margin-right: 6px; }
.sf-wrapper .sf-btn-next .sf-btn-spinner { display: none !important; width: 14px !important; height: 14px !important; border: 2px solid rgba(255,255,255,0.35) !important; border-top-color: #ffffff !important; border-radius: 50% !important; animation: sf-spin 0.7s linear infinite !important; flex-shrink: 0 !important; }
.sf-wrapper .sf-btn-next.sf-is-loading .sf-btn-spinner { display: inline-block !important; }
.sf-wrapper .sf-btn-next.sf-is-loading .sf-btn-arrow { display: none !important; }
.sf-wrapper .sf-btn-arrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 20px !important; height: 20px !important; background: rgba(255,255,255,0.2) !important; border-radius: 5px !important; font-size: 12px !important; line-height: 1 !important; }

/* Dependency */
.sf-wrapper .sf-dep-hidden {display: none!important;}
.sf-wrapper .sf-field label span.dep-req {color: #3a6be8 !important;margin-left: 2px !important;}
.sf-wrapper [data-section-id] {overflow: hidden;}
.sf-wrapper [data-section-id].sf-has-dropdown-open {overflow: visible;}

/* Validation errors */
.sf-wrapper .sf-validation-errors { flex-basis: 100% !important; background: #fff5f6 !important; border: 1px solid rgba(248,50,69,0.2) !important; border-left: 3px solid #f83245 !important; border-radius: 8px !important; padding: 12px 16px !important; margin-bottom: 8px !important; }
.sf-wrapper .sf-validation-errors ul { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 5px !important; }
.sf-wrapper .sf-validation-errors li { font-size: 13px !important; color: #c0162a !important; font-weight: 400 !important; line-height: 1.5 !important; padding-left: 14px !important; position: relative !important; }
.sf-wrapper .sf-validation-errors li::before { content: '•' !important; position: absolute !important; left: 0 !important; color: #f83245 !important; }
/* Section heading in validation error list — suppress bullet, make it a clickable label */
.sf-wrapper .sf-validation-errors .sf-val-sec-item { padding-left: 0 !important; margin-top: 6px !important; }
.sf-wrapper .sf-validation-errors .sf-val-sec-item::before { display: none !important; }
.sf-wrapper .sf-validation-errors .sf-val-section-label { display: inline-flex !important; align-items: center !important; gap: 5px !important; font-weight: 600 !important; color: #a00e20 !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; border: none !important; background: none !important; cursor: pointer !important; padding: 0 !important; font-family: 'DM Sans', sans-serif !important; text-decoration: underline !important; text-underline-offset: 2px !important; transition: color 0.15s !important; }
.sf-wrapper .sf-validation-errors .sf-val-section-label:hover { color: #f83245 !important; }
/* Accordion section error state */
.sf-wrapper .sf-acc.sf-has-error { border-color: rgba(248,50,69,0.35) !important; box-shadow: -3px 0 0 0 #f83245, 0 0 0 3px rgba(248,50,69,0.05) !important; }
.sf-wrapper .sf-acc.sf-has-error .sf-acc-trigger { background: #fff8f8 !important; }
.sf-wrapper .sf-acc.sf-has-error .sf-acc-dot { background: #f83245 !important; }
.sf-wrapper .sf-acc.sf-has-error .sf-acc-title::after { content: attr(data-err-count) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-left: 8px !important; min-width: 18px !important; height: 18px !important; padding: 0 5px !important; background: #f83245 !important; color: #fff !important; font-size: 10px !important; font-weight: 600 !important; border-radius: 9px !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; vertical-align: middle !important; }
/* Field-level error state */
.sf-wrapper .sf-field.sf-field-error > input,
.sf-wrapper .sf-field.sf-field-error > textarea,
.sf-wrapper .sf-field.sf-field-error .sf-sel-wrap > select { border-color: #f83245 !important; background: #fff8f8 !important; }
.sf-wrapper .sf-field-error-msg { display: block !important; font-size: 11.5px !important; color: #f83245 !important; font-weight: 400 !important; margin-top: 3px !important; }

/* Captcha */
.sf-wrapper .sf-captcha-wrap { margin:0 0 16px !important;display:flex;justify-content:center; }
.sf-wrapper .sf-captcha-wrap input[name="captcha"] { display: block !important; margin-top: 8px !important; height: 44px !important; padding: 0 12px !important; border: 1px solid #d0d7e8 !important; border-radius: 8px !important; font-family: 'DM Sans', sans-serif !important; font-size: 14px !important; color: #1a2033 !important; width: 263px !important; max-width: 100% !important; box-sizing: border-box !important; }

/* Draft Resume Banner */
.sf-wrapper .sf-draft-banner { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; background: #fffbeb !important; border: 1px solid #f5d88e !important; border-radius: 12px !important; padding: 14px 20px !important; margin-bottom: 16px !important; }
.sf-wrapper .sf-draft-banner-content { display: flex !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; }
.sf-wrapper .sf-draft-banner-icon { flex-shrink: 0 !important; width: 20px !important; height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.sf-wrapper .sf-draft-banner-icon svg { width: 18px !important; height: 18px !important; stroke: #b8860b !important; fill: none !important; stroke-width: 1.8 !important; }
.sf-wrapper .sf-draft-banner-text { font-size: 13px !important; color: #78600d !important; font-weight: 400 !important; line-height: 1.5 !important; }
.sf-wrapper .sf-draft-banner-text strong { font-weight: 600 !important; color: #5c4a08 !important; }
.sf-wrapper .sf-draft-banner-text .sf-draft-date { font-weight: 300 !important; color: #9a7d2e !important; }
.sf-wrapper .sf-draft-banner-actions { display: flex !important; align-items: center !important; gap: 8px !important; flex-shrink: 0 !important; }
.sf-wrapper .sf-draft-btn-fresh { display: inline-flex !important; align-items: center !important; gap: 4px !important; background: none !important; border: 1px solid #d4a94a !important; border-radius: 8px !important; padding: 7px 14px !important; cursor: pointer !important; font-family: 'DM Sans', sans-serif !important; font-size: 12px !important; font-weight: 500 !important; color: #78600d !important; white-space: nowrap !important; transition: background 0.15s, border-color 0.15s, color 0.15s !important; height: auto !important; box-shadow: none !important; letter-spacing: 0 !important; text-transform: none !important; line-height: 1.3 !important; }
.sf-wrapper .sf-draft-btn-fresh:hover { background: #fef3c7 !important; border-color: #b8860b !important; color: #5c4a08 !important; }
.sf-wrapper .sf-draft-banner-dismiss { display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; background: none !important; border: none !important; border-radius: 6px !important; cursor: pointer !important; color: #b8960b !important; font-size: 16px !important; line-height: 1 !important; padding: 0 !important; transition: background 0.15s, color 0.15s !important; box-shadow: none !important; flex-shrink: 0 !important; }
.sf-wrapper .sf-draft-banner-dismiss:hover { background: #fef3c7 !important; color: #5c4a08 !important; }
@media (max-width: 520px) {
  .sf-wrapper .sf-draft-banner { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; position: relative !important; }
  .sf-wrapper .sf-draft-banner-actions { width: 100% !important; justify-content: flex-end !important; }
  .sf-wrapper .sf-draft-banner-dismiss { position: absolute !important; top: 12px !important; right: 12px !important; }
}

/* Subscription Step */
.sf-wrapper .sf-sub-price-inline { font-size: 13px !important; color: #5a6480 !important; white-space: nowrap !important; margin-left: auto !important; font-weight: 400 !important; }
.sf-wrapper .sf-addon-selection-msg { font-size: 12px !important; color: #7a85a0 !important; margin-bottom: 8px !important; line-height: 1.5 !important; }
.sf-wrapper .sf-addon-content { color: #5a6480 !important; }
.sf-wrapper .sf-addon-subs { display: flex !important; flex-direction: column !important; gap: 4px !important; }
.sf-wrapper .sf-addon-sub-row { display: flex !important; flex-direction: column !important; gap: 4px !important; }
.sf-wrapper .sf-addon-sub-row .sf-checkbox-label { align-items: center !important; display: flex !important; gap: 8px !important; height: auto !important; padding: 6px 4px !important; }
.sf-wrapper .sf-addon-sub-row .sf-checkbox-label span { font-size: 13.5px !important; color: #1a2033 !important; flex: 1 !important; }
.sf-wrapper .sf-addon-sub-rates { padding-left: 1.5rem !important; }

@media (max-width: 520px) {
  .sf-wrapper .sf-sub-price-inline { margin-left: 0 !important; flex-basis: 100% !important; padding-left: 1.6rem !important; }
}

/* Subscription selection well */
.sf-wrapper .sf-sub-radio-list { display: flex !important; flex-direction: column !important; gap: 12px !important; }
.sf-wrapper .sf-sub-sel-type { font-size: 15px !important; font-weight: 700 !important; color: #1a2033 !important; margin-top: 4px !important; }
.sf-wrapper .sf-sub-sel-sub { font-size: 14px !important; font-weight: 600 !important; color: #1a2033 !important; padding-left: 8px !important; }
.sf-wrapper .sf-sub-confirm-row { margin-top: 18px !important; }

/* Confirmed subscription card header (no checkbox row) */
.sf-wrapper .sf-sub-confirmed-header-row { padding: 14px 20px !important; font-size: 15px !important; font-weight: 600 !important; color: #1a2033 !important; }
.sf-wrapper .sf-confirmed-sub-term { font-size: 12px !important; color: #7a85a0 !important; margin-top: 3px !important; line-height: 1.4 !important; }
.sf-wrapper .sf-addon-sel-count { font-weight: 400 !important; color: #7a85a0 !important; }

/* Inline add-on section (leaf-level nested add-ons shown within a card row) */
.sf-wrapper .sf-inline-addons { margin-top: 8px !important; padding: 10px 12px !important; background: #f7f9fc !important; border-radius: 8px !important; border: 1px solid #e8ecf4 !important; }
.sf-wrapper .sf-addon-inline-header { font-size: 12px !important; font-weight: 600 !important; color: #1a2033 !important; margin-bottom: 6px !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; }
.sf-wrapper .sf-addon-inline-header .sf-addon-inline-sel-count { font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; color: #7a85a0 !important; }

/* Editable rate input — compact fixed-width control, not full-width */
.sf-wrapper input[type="text"].sf-editable-rate { width: 140px !important; min-width: 60px !important; height: 36px !important; padding: 0 10px !important; flex-shrink: 0 !important; }

/* Wraps the input + JS-injected error in a vertical stack, sits inline in the flex label */
.sf-wrapper .sf-editable-rate-wrap { display: inline-flex !important; flex-direction: column !important; gap: 3px !important; flex-shrink: 0 !important; align-items: flex-start !important; vertical-align: middle !important; }

/* Error message below the input */
.sf-wrapper .sf-editable-rate-error { font-size: 11.5px !important; line-height: 1.3 !important; max-width: 160px !important; white-space: normal !important; }

/* Add-on summary body */
.sf-wrapper .sf-addon-summary-body { padding: 14px 16px !important; }
.sf-wrapper .sf-addon-summary { display: flex !important; flex-direction: column !important; gap: 4px !important; margin-bottom: 10px !important; }
.sf-wrapper .sf-addon-summary-item { font-size: 13.5px !important; color: #1a2033 !important; }
.sf-wrapper .sf-addon-summary-item-amt { color: #5a6480 !important; }

/* iPad / tablet */
@media (max-width: 768px) and (min-width: 521px) {
	.sf-wrapper input[type="text"].sf-editable-rate { width: 120px !important; }
}

/* Mobile — label wraps so the editable rate block occupies its own row */
@media (max-width: 520px) {
	.sf-wrapper .sf-radio-label:has(.sf-editable-rate-wrap),
	.sf-wrapper .sf-checkbox-label:has(.sf-editable-rate-wrap) { flex-wrap: wrap !important; }
	.sf-wrapper .sf-editable-rate-wrap { flex-basis: calc(100% - 1.6rem) !important; margin-left: 1.6rem !important; margin-top: 4px !important; }
	.sf-wrapper input[type="text"].sf-editable-rate { width: 100% !important; max-width: 100% !important; }
	.sf-wrapper .sf-editable-rate-error { max-width: 100% !important; }
}

/* Primary action button (Confirm) */
.sf-wrapper .sf-btn-primary { height: 36px !important; padding: 0 20px !important; background: #4f7ef8 !important; border: none !important; border-radius: 8px !important; font-family: 'DM Sans', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; color: #ffffff !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; transition: background 0.15s !important; letter-spacing: 0 !important; }
.sf-wrapper .sf-btn-primary:hover:not(:disabled) { background: #3a6be8 !important; }
.sf-wrapper .sf-btn-primary:disabled, .sf-wrapper .sf-btn-next:disabled { opacity: 0.45 !important; cursor: not-allowed !important; }

/* Secondary / outline button (Add, Edit, Cancel) */
.sf-wrapper .sf-btn-default { height: 36px !important; padding: 0 16px !important; background: #ffffff !important; border: 1.5px solid #d1d5db !important; border-radius: 8px !important; font-family: 'DM Sans', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; color: #1a2033 !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; transition: border-color 0.15s, background 0.15s !important; }

.sf-wrapper .sf-overlay { position: fixed !important; inset: 0 !important; background: rgba(0, 0, 0, 0.45) !important; z-index: 1000 !important; }
.sf-wrapper .sf-active-card { position: relative !important; z-index: 1001 !important; }
.sf-wrapper .sf-btn-default:hover { background: #f7f9fc !important; border-color: #adb5c8 !important; }

/* Payment Step */
/* Inner section card (summary + payment method) */
.sf-wrapper .sf-pay-sec { background: #ffffff !important; border: 1px solid #e8ecf4 !important; border-radius: 14px !important; overflow: hidden !important; }
.sf-wrapper .sf-pay-sec-hdr { display: flex !important; align-items: center !important; gap: 10px !important; padding: 14px 20px !important; background: #f8faff !important; border-bottom: 1px solid #e8ecf4 !important; }
.sf-wrapper .sf-pay-sec-dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #4f7ef8 !important; flex-shrink: 0 !important; }
.sf-wrapper .sf-pay-sec-hdr-title { font-size: 14px !important; font-weight: 600 !important; color: #1a2033 !important; line-height: 1.2 !important; }
.sf-wrapper .sf-pay-processing { display: flex !important; align-items: center !important; padding: 20px 6px !important; }

/* Member info summary (first sf-pay-sec) */
.sf-wrapper .sf-pay-member-name { font-size: 15px !important; font-weight: 600 !important; color: #1a2033 !important; padding: 16px 20px 0 !important; }
.sf-wrapper .sf-pay-member-company { padding: 3px 20px 0 !important; color: #5a6480 !important; font-size: 13px !important; }
.sf-wrapper .sf-pay-amount-row { display: flex !important; align-items: center !important; padding: 10px 20px 16px !important; gap: 12px !important; }
.sf-wrapper .sf-pay-amount-label { font-size: 14px !important; color: #1a2033 !important; }
.sf-wrapper .sf-pay-invoice-link a { font-size: 13px !important; color: #4f7ef8 !important; text-decoration: none !important; white-space: nowrap !important; }
.sf-wrapper .sf-pay-invoice-link a:hover { text-decoration: underline !important; }
.sf-wrapper .sf-pay-schedule { padding: 14px 20px 16px !important; border-top: 1px solid #e8ecf4 !important; }
.sf-wrapper .sf-pay-schedule-title { font-size: 13px !important; color: #5a6480 !important; }
.sf-wrapper .sf-pay-schedule-row { font-size: 13px !important; color: #5a6480 !important; }

/* Payment method body */
.sf-wrapper .sf-pay-method-body { padding: 20px !important; display: flex !important; flex-direction: column !important; gap: 0 !important; }

/* Segmented control bar — Variant A */
.sf-wrapper .sf-pay-seg-bar { display: flex !important; background: #f0f2f8 !important; border-radius: 10px !important; padding: 3px !important; margin-bottom: 20px !important; }
.sf-wrapper .sf-pay-seg-btn { flex: 1 !important; height: 40px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; border: none !important; background: transparent !important; border-radius: 8px !important; font-family: 'DM Sans', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; color: #7a85a0 !important; cursor: pointer !important; transition: all 0.2s !important; padding: 0 12px !important; white-space: nowrap !important; box-shadow: none !important; }
.sf-wrapper .sf-pay-seg-btn svg { width: 15px !important; height: 15px !important; stroke: currentColor !important; fill: none !important; stroke-width: 1.6 !important; flex-shrink: 0 !important; }
.sf-wrapper .sf-pay-seg-btn:hover { color: #4f7ef8 !important; background: transparent !important; }
.sf-wrapper .sf-pay-seg-btn.sf-is-active { background: #ffffff !important; color: #1a2033 !important; box-shadow: 0 1px 3px rgba(30,50,120,0.08) !important; }

/* Payment mode panels */
.sf-wrapper .sf-pay-mode-panel { display: none !important; flex-direction: column !important; gap: 0 !important; }
.sf-wrapper .sf-pay-mode-panel.sf-is-active { display: flex !important; }

@media (max-width: 520px) {
  .sf-wrapper .sf-pay-seg-btn { font-size: 12px !important; padding: 0 8px !important; gap: 4px !important; }
  .sf-wrapper .sf-pay-seg-btn svg { width: 13px !important; height: 13px !important; }
}

/* Payment section error state — badge + alert */
.sf-wrapper .sf-sec-err-badge { margin-left: auto !important; display: none !important; align-items: center !important; gap: 5px !important; height: 22px !important; padding: 0 9px !important; background: #fef2f2 !important; border: 1px solid #fecaca !important; border-radius: 20px !important; font-size: 10.5px !important; font-weight: 700 !important; color: #dc2626 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; white-space: nowrap !important; line-height: 1 !important; }
.sf-wrapper .sf-sec-err-badge svg { width: 11px !important; height: 11px !important; flex-shrink: 0 !important; stroke: none !important; }
.sf-wrapper .sf-pay-sec.sf-is-error .sf-sec-err-badge { display: inline-flex !important; }
.sf-wrapper .sf-pay-sec.sf-is-error .sf-pay-sec-hdr { background: #fff8f8 !important; border-bottom-color: #fecaca !important; }
.sf-wrapper .sf-pay-sec.sf-is-error .sf-pay-sec-dot { background: #dc2626 !important; }
.sf-wrapper .sf-err-alert { display: none !important; align-items: flex-start !important; gap: 10px !important; padding: 11px 12px 11px 14px !important; background: #fef2f2 !important; border: 1px solid #fecaca !important; border-radius: 10px !important; font-size: 13px !important; font-weight: 400 !important; color: #b91c1c !important; line-height: 1.45 !important; margin-bottom: 14px !important; }
.sf-wrapper .sf-err-alert.sf-is-visible { display: flex !important; }
.sf-wrapper .sf-err-alert-icon { width: 15px !important; height: 15px !important; flex-shrink: 0 !important; margin-top: 1px !important; }
.sf-wrapper .sf-err-alert-text { flex: 1 !important; }
.sf-wrapper .sf-err-alert-body { font-size: 12.5px !important; font-weight: 300 !important; color: #b91c1c !important; }
.sf-wrapper .sf-err-dismiss { flex-shrink: 0 !important; width: 20px !important; height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; background: transparent !important; cursor: pointer !important; padding: 0 !important; border-radius: 4px !important; color: #fca5a5 !important; transition: color 0.15s !important; margin-top: -1px !important; }
.sf-wrapper .sf-err-dismiss:hover { color: #dc2626 !important; }
.sf-wrapper .sf-err-dismiss svg { width: 14px !important; height: 14px !important; stroke: currentColor !important; fill: none !important; stroke-width: 2 !important; }

/* Confirmation page */
.sf-wrapper .sf-conf-banner{display:flex!important;align-items:center!important;gap:12px!important;background:#f0fdf4!important;border:1px solid #86efac!important;border-radius:12px!important;padding:16px 20px!important;margin-bottom:24px!important;}
.sf-wrapper .sf-conf-banner-icon{flex-shrink:0!important;width:32px!important;height:32px!important;background:#22c55e!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.sf-wrapper .sf-conf-banner-icon svg{width:16px!important;height:16px!important;stroke:#fff!important;stroke-width:2.5!important;fill:none!important;}
.sf-wrapper .sf-conf-banner-text strong{display:block!important;font-size:15px!important;font-weight:600!important;color:#166534!important;margin-bottom:2px!important;}
.sf-wrapper .sf-conf-banner-text span{font-size:13px!important;font-weight:300!important;color:#15803d!important;line-height:1.5!important;}
.sf-wrapper .sf-conf-greeting{font-size:15px!important;font-weight:500!important;color:#1a2033!important;margin:0 0 4px!important;}
.sf-wrapper .sf-conf-intro{font-size:13.5px!important;color:#7a85a0!important;line-height:1.7!important;font-weight:300!important;margin:0 0 24px!important;}
.sf-wrapper .sf-conf-account-card{display:flex!important;align-items:center!important;gap:16px!important;border:1.5px solid #e8ecf4!important;border-radius:14px!important;padding:18px 22px!important;margin-bottom:20px!important;flex-wrap:wrap!important;}
.sf-wrapper .sf-conf-account-card-avatar{width:50px!important;height:50px!important;border-radius:10px!important;border:1.5px solid #e8ecf4!important;background:#f7f9fc!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;font-size:18px!important;font-weight:600!important;color:#7a9af0!important;}
.sf-wrapper .sf-conf-account-card-info{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;flex:1!important;}
.sf-wrapper .sf-conf-account-card-name{font-size:15px!important;font-weight:600!important;color:#1a2033!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.sf-wrapper .sf-conf-account-card-org{font-size:13px!important;color:#7a85a0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.sf-wrapper .sf-conf-pay-header{padding:18px 22px!important;background:#f0fdf4!important;border-bottom:1px solid #bbf7d0!important;display:flex!important;align-items:center!important;gap:12px!important;}
.sf-wrapper .sf-conf-pay-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#22c55e!important;flex-shrink:0!important;}
.sf-wrapper .sf-conf-pay-title{font-size:14px!important;font-weight:600!important;color:#166534!important;}
.sf-wrapper .sf-conf-lic-table-header{display:grid!important;grid-template-columns:1.2fr 1.2fr 1fr 1fr!important;gap:12px!important;padding:10px 4px!important;}
.sf-wrapper .sf-conf-lic-table-header span{font-size:11.5px!important;font-weight:600!important;color:#5a6480!important;text-transform:uppercase!important;letter-spacing:0.05em!important;}
.sf-wrapper .sf-conf-lic-row{display:grid!important;grid-template-columns:1.2fr 1.2fr 1fr 1fr!important;gap:12px!important;padding:12px 4px!important;align-items:center!important;border-bottom:1px solid #f0f2f8!important;}
.sf-wrapper .sf-conf-lic-row:last-child{border-bottom:none!important;}
.sf-wrapper .sf-conf-lic-type{font-size:13.5px!important;font-weight:400!important;color:#1a2033!important;}
.sf-wrapper .sf-conf-lic-val{font-size:13px!important;font-weight:300!important;color:#1a2033!important;background:#f7f9fc!important;border:1px solid #e8ecf4!important;border-radius:8px!important;padding:8px 12px!important;}
.sf-wrapper .sf-conf-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:20px!important;padding:0 2px!important;gap:12px!important;flex-wrap:wrap!important;}
.sf-wrapper .sf-conf-note{font-size:12px!important;color:#9aa0b5!important;font-weight:300!important;}
.sf-wrapper .sf-conf-act-btns{display:flex!important;gap:8px!important;}
.sf-wrapper .sf-conf-btn-print{height:44px!important;padding:0 22px!important;background:transparent!important;border:1px solid #d0d7e8!important;border-radius:10px!important;font-family:'DM Sans',sans-serif!important;font-size:13.5px!important;font-weight:400!important;color:#5a6480!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:8px!important;}
.sf-wrapper .sf-conf-btn-print:hover{background:#f7f9fc!important;border-color:#b0bbd4!important;}
.sf-wrapper .sf-conf-btn-print svg{width:16px!important;height:16px!important;stroke:#5a6480!important;fill:none!important;stroke-width:1.6!important;}
@media print{.sf-conf-actions{display:none!important;}}
.sf-wrapper .sf-field-label{font-size:11.5px!important;font-weight:500!important;letter-spacing:0.06em!important;color:#5a6480!important;text-transform:uppercase!important;margin:0 0 6px!important;}
.sf-wrapper .sf-field-value{font-size:14.5px!important;font-weight:300!important;color:#1a2033!important;line-height:1.5!important;background:#f7f9fc!important;border:1px solid #e8ecf4!important;border-radius:10px!important;padding:12px 16px!important;margin:0!important;word-break:break-word!important;}
.sf-wrapper .sf-field-value--textarea{line-height:1.6!important;padding:14px 16px!important;}
.sf-wrapper .sf-tag-list{display:flex!important;flex-wrap:wrap!important;gap:6px!important;}
.sf-wrapper .sf-tag{display:inline-block!important;font-size:12px!important;font-weight:500!important;color:#185fa5!important;background:#eef2fd!important;border-radius:5px!important;padding:4px 10px!important;line-height:1.5!important;}