.product-heading { min-height: 300px; display: flex; align-items: end; padding: 52px max(5vw, 20px); color: var(--paper); background: var(--brand-dark); }
.product-heading > div { width: min(1120px, 100%); margin: 0 auto; }
.product-heading h1 { max-width: 760px; margin: 0; font-size: 48px; line-height: 1.05; }
.product-heading p:last-child { max-width: 650px; color: var(--paper); }
.product-catalog { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; max-width: 1120px; margin: 0 auto 48px; padding: 32px max(5vw, 20px); background: var(--line); }
.product-catalog article, .product-empty { display: flex; min-width: 0; flex-direction: column; gap: 16px; padding: 26px; background: var(--paper); }
.product-catalog h2, .product-empty h2, .product-empty h3 { margin: 0; font-size: 24px; }
.product-type { color: var(--accent); font-size: 13px; font-weight: 800; text-transform: uppercase; }
.account-product-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 1120px; margin: 0 auto 48px; padding: 0 max(5vw, 20px); }
.product-account-section { min-width: 0; border-top: 3px solid var(--brand); padding: 26px; background: var(--paper); }
.product-account-section article { display: flex; justify-content: space-between; gap: 18px; border-top: 1px solid var(--line); padding: 15px 0; }
.entitlement-list { display: grid; gap: 10px; padding-left: 20px; }

.ybag-store-hero { --page-accent: var(--ybag-green); position: relative; isolation: isolate; overflow: hidden; padding: clamp(58px, 7vw, 96px) max(32px, calc((100vw - 1280px) / 2)) 78px; color: var(--ink); background: radial-gradient(circle at 9% 12%, color-mix(in srgb, var(--ybag-pink) 10%, transparent), transparent 25%), radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--ybag-gold) 16%, transparent), transparent 30%), linear-gradient(180deg, var(--surface), var(--paper)); }
.ybag-store-hero::before { position: absolute; z-index: -1; right: -210px; bottom: -250px; width: 620px; height: 620px; border: 52px solid color-mix(in srgb, var(--ybag-green) 7%, transparent); border-radius: 50%; content: ''; pointer-events: none; }
.ybag-store-hero::after { position: absolute; z-index: 0; top: 66px; left: max(28px, calc((100vw - var(--ybag-frame)) / 2 - 46px)); width: 10px; height: 10px; border-radius: 50%; background: var(--ybag-gold); box-shadow: 25px 19px 0 var(--ybag-pink), 4px 45px 0 var(--ybag-green); content: ''; pointer-events: none; }
.ybag-store-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 440px); gap: clamp(52px, 7vw, 104px); width: 100%; max-width: 1280px; margin: 0 auto; align-items: center; }
.ybag-store-hero .ybag-kicker { color: var(--ybag-green); }
.ybag-store-hero h1 { max-width: 780px; margin: 0; color: var(--brand-dark); font-size: clamp(43px, 5vw, 70px); line-height: .98; letter-spacing: -.04em; }
.ybag-store-hero-copy > p:not(.ybag-kicker) { max-width: 720px; margin: 25px 0 0; color: var(--muted); font-size: clamp(18px, 1.45vw, 22px); line-height: 1.68; }
.ybag-store-hero-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 18px; margin-top: 29px; }
.ybag-store-hero-price strong { color: var(--brand-dark); font: 900 clamp(52px, 5vw, 72px)/.95 'Changa', Arial, sans-serif; }
.ybag-store-hero-price span { color: #d92046; font: 900 clamp(27px, 2.5vw, 38px)/1 'Changa', Arial, sans-serif; }
.ybag-store-hero-price del { text-decoration-color: currentColor; text-decoration-thickness: 3px; }
.ybag-store-hero-price small { flex-basis: 100%; color: var(--muted); font-size: 14px; font-weight: 800; }
.ybag-store-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 29px; }
.ybag-store-hero-actions .ybag-button { margin: 0; }
.ybag-store-purchase-button { gap: 10px; color: #fff; background: #d92046; box-shadow: 0 12px 28px rgba(217,32,70,.24); }
.ybag-store-purchase-button:hover { color: #fff; background: #bd1638; box-shadow: 0 15px 32px rgba(217,32,70,.32); }
.ybag-store-purchase-button svg { width: 22px; height: 22px; fill: currentColor; }
.ybag-store-explore-button { color: #fff; background: #4b9f23; box-shadow: 0 12px 28px rgba(75,159,35,.22); }
.ybag-store-explore-button:hover { color: #fff; background: #39821a; box-shadow: 0 15px 32px rgba(75,159,35,.3); }
.ybag-store-hero-art { position: relative; display: grid; width: min(100%, 440px); justify-self: center; border: 1px solid color-mix(in srgb, var(--ybag-green) 24%, var(--line)); border-radius: 34px; padding: 30px 30px 24px; background: #fff; box-shadow: 0 24px 64px rgba(20,43,92,.15); transform: rotate(1deg); }
.ybag-store-hero-art > img { display: block; width: 100%; height: auto; aspect-ratio: 1; align-self: start; object-fit: contain; border-radius: 23px; background: #f7f9fe; }
.ybag-store-hero-badge { position: absolute; z-index: 2; top: 22px; right: -14px; border-radius: 999px; padding: 9px 13px 7px; color: #fff; background: var(--ybag-green); box-shadow: 0 11px 25px rgba(75,159,35,.25); font-size: 11px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.ybag-store-hero-art > div { display: grid; gap: 4px; padding: 18px 6px 0; }
.ybag-store-hero-art > div strong { color: var(--brand-dark); font: 800 20px/1.2 'Changa', Arial, sans-serif; }
.ybag-store-hero-art > div span { color: var(--muted); font-size: 13px; line-height: 1.5; }
.ybag-store-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; padding: clamp(52px, 7vw, 96px) clamp(24px, 8vw, 120px); background: #f7f8ff; }
.ybag-product-card { display: grid; grid-template-columns: minmax(210px, .72fr) minmax(0, 1.28fr); overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: #fff; box-shadow: 0 18px 50px rgba(23,35,92,.08); }
.ybag-product-card.is-coming-soon { opacity: .9; }
.ybag-product-art { display: grid; place-items: center; padding: 22px; background: #eef3ff; }
.ybag-product-card:nth-child(2) .ybag-product-art { background: #fff5df; }
.ybag-product-art img { display: block; width: 100%; max-height: 360px; object-fit: contain; }
.ybag-product-art-screen { width: 100%; aspect-ratio: 1; border-radius: 18px; background-color: #fff; background-image: var(--product-art), var(--product-fallback); background-position: center; background-repeat: no-repeat; background-size: cover, contain; box-shadow: 0 12px 30px rgba(23,35,92,.1); }
.ybag-product-content { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; padding: 34px; }
.ybag-product-badge { display: inline-flex; border-radius: 999px; padding: 7px 12px; color: var(--ybag-indigo); background: #eef0ff; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.ybag-product-content h2 { margin: 18px 0 8px; color: var(--ybag-indigo); font-size: 31px; line-height: 1.06; }
.ybag-product-content > p { color: var(--muted); }
.ybag-product-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; margin-top: 16px; }
.ybag-product-price strong { color: var(--ybag-indigo); font-size: 34px; }
.ybag-product-price del { color: #9096ac; font-size: 18px; }
.ybag-product-access { padding-top: 15px; border-top: 1px solid var(--line); font-size: 14px; }
.ybag-product-content .ybag-button { margin-top: auto; }
.ybag-button-muted { color: var(--ybag-indigo); border-color: #d9ddef; background: #eef0f8; cursor: default; box-shadow: none; }
.ybag-purchase-note { display: grid; grid-template-columns: minmax(260px,.75fr) minmax(0,1.25fr); gap: clamp(34px,6vw,80px); padding: 56px clamp(24px, 12vw, 190px); color: #fff; background: #17235c; }
.ybag-purchase-note h2 { margin: 0; font-size: 32px; }
.ybag-purchase-note > p { max-width: 900px; margin-top: 27px; color: #d7dbef; font-size: 17px; line-height: 1.75; }
.ybag-store-ebooks,.ybag-shopify-store { padding:clamp(56px,8vw,100px) clamp(24px,8vw,120px); }
.ybag-store-ebooks { background:#f7f8ff; }
.ybag-shopify-store { background:#fff; }
.ybag-store-section-heading { display:flex; justify-content:space-between; gap:40px; align-items:end; max-width:1320px; margin:0 auto 40px; }
.ybag-store-section-heading>div { max-width:820px; }
.ybag-store-section-heading h2 { margin:0; color:var(--ybag-indigo); font-size:clamp(36px,4.2vw,54px); line-height:1.04; letter-spacing:-.04em; }
.ybag-store-section-heading p:last-child { color:var(--muted); font-size:17px; line-height:1.7; }
.ybag-ebook-shelf { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; max-width:1320px; margin:0 auto; }
.ybag-ebook-store-card { display:flex; min-width:0; flex-direction:column; align-items:flex-start; padding:24px; border:1px solid var(--line); border-radius:26px; background:#fff; box-shadow:0 18px 48px rgba(23,35,92,.07); }
.ybag-ebook-store-card.is-coming-soon { background:linear-gradient(145deg,#fff,#fbf9ff); }
.ybag-ebook-store-card .ebook-box-link { width:100%; margin-bottom:20px; }
.ybag-ebook-store-card h3 { margin:13px 0 7px; color:var(--ybag-indigo); font-size:clamp(27px,2.7vw,36px); line-height:1.04; letter-spacing:-.035em; }
.ybag-ebook-store-card>p { min-height:48px; color:var(--muted); line-height:1.5; }
.ybag-ebook-store-card .ebook-text-link { margin-top:auto; }
.ybag-store-offer-price { display:flex; flex-wrap:wrap; gap:8px 11px; align-items:baseline; margin:9px 0 5px; }
.ybag-store-offer-price strong { color:var(--ybag-indigo); font-size:29px; }
.ybag-store-offer-price del { color:#8990a8; font-size:16px; }
.ybag-store-offer-price span { color:var(--muted); font-size:11px; font-weight:900; text-transform:uppercase; }
.ybag-provider-label { display:block; margin-bottom:16px; color:var(--muted); font-weight:750; line-height:1.4; }
.ybag-store-card-actions { display:flex; flex-wrap:wrap; gap:12px 16px; align-items:center; margin-top:auto; }
.ybag-store-card-actions .ebook-text-link { margin:0; }
.ybag-store-card-actions .ybag-button { margin:0; }
.ybag-shopify-status { flex:0 0 auto; border-radius:999px; padding:9px 13px; color:#6d5a2c; background:#fff3cf; font-size:12px; font-weight:900; text-transform:uppercase; }
.ybag-shopify-status.is-connected { color:#58722c; background:#eff6e2; }
.ybag-shopify-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; max-width:1320px; margin:0 auto; }
.ybag-shopify-card { display:flex; min-width:0; overflow:hidden; flex-direction:column; border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:0 16px 44px rgba(23,35,92,.07); }
.ybag-shopify-card.is-sold_out,.ybag-shopify-card.is-coming_soon { background:#fafbf8; }
.ybag-shopify-card-art { display:grid; min-height:260px; place-items:center; overflow:hidden; color:#87a04c; background:linear-gradient(145deg,#edf4de,#fff); font-size:24px; font-weight:950; letter-spacing:.08em; }
.ybag-shopify-card-art img { width:100%; height:100%; max-height:320px; object-fit:cover; }
.ybag-shopify-card-copy { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:26px; }
.ybag-shopify-card-copy h3 { margin:15px 0 7px; color:var(--ybag-indigo); font-size:27px; line-height:1.08; }
.ybag-shopify-card-copy > p { color:var(--muted); line-height:1.6; }
.ybag-shopify-card-copy > .ybag-button { margin-top:auto; }
.ybag-shopify-source { max-width:1320px; margin:18px auto 0; color:var(--muted); font-size:12px; text-align:right; }
.ybag-shopify-placeholder { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.7fr); gap:36px; align-items:center; max-width:1320px; margin:0 auto; padding:clamp(30px,5vw,60px); border:2px dashed #d9deca; border-radius:28px; background:#fbfcf8; }
.ybag-shopify-placeholder>div:first-child { display:grid; gap:8px; }
.ybag-shopify-placeholder strong { color:var(--ybag-indigo); font-size:26px; }
.ybag-shopify-placeholder span { color:var(--muted); line-height:1.7; }
.ybag-shopify-placeholder>div:last-child { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.ybag-shopify-placeholder i { display:block; min-height:145px; border-radius:18px; background:linear-gradient(145deg,#edf4de,#fff); box-shadow:inset 0 0 0 1px #e1e8d3; }

.ybag-product-detail { display: grid; grid-template-columns: minmax(360px, 420px) minmax(0, 1fr); gap: clamp(48px, 7vw, 100px); align-items: center; padding: clamp(58px, 8vw, 110px) clamp(24px, 8vw, 120px); background: linear-gradient(145deg, #f7f8ff, #fff); }
.ybag-product-detail-art { padding: 24px; border: 1px solid var(--line); border-radius: 32px; background: #fff; box-shadow: 0 28px 70px rgba(23,35,92,.13); }
.ybag-product-detail-art img { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; }
.ybag-product-device { --page-accent: var(--ybag-violet); width: min(100%, 420px); }
.ybag-back-link { display: inline-block; margin-bottom: 24px; color: var(--ybag-indigo); font-weight: 800; text-decoration: none; }
.ybag-product-detail-copy h1 { margin: 20px 0; color: var(--ybag-indigo); font-size: clamp(40px, 4.2vw, 58px); line-height: 1.02; letter-spacing: -.034em; }
.ybag-product-detail-lead { color: var(--muted); font-size: 20px; line-height: 1.7; }
.ybag-product-detail-price span { color: var(--muted); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.ybag-availability-note { margin: 28px 0; padding: 19px 22px; border-left: 5px solid var(--ybag-gold); background: #fff7d9; }
.ybag-availability-note.is-next { border-color: var(--ybag-teal); background: #eafaf8; }
.ybag-availability-note p { margin: 4px 0 0; color: var(--muted); }
.ybag-included-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; padding: 0; list-style: none; }
.ybag-included-list li { padding: 12px 14px; border-radius: 12px; color: var(--ybag-indigo); background: #f1f3ff; font-weight: 800; }
.ybag-product-assurance { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.ybag-product-assurance div { display: grid; gap: 4px; padding: 28px clamp(20px, 4vw, 60px); border-right: 1px solid var(--line); }
.ybag-product-assurance div:last-child { border: 0; }
.ybag-product-assurance strong { color: var(--ybag-indigo); }
.ybag-product-assurance span { color: var(--muted); }
.ybag-product-use { display: grid; grid-template-columns: minmax(280px,.75fr) minmax(0,1.25fr); gap: clamp(40px,7vw,90px); padding: clamp(58px,8vw,94px) clamp(24px,8vw,120px); background: #f7f8ff; }
.ybag-product-use h2 { max-width: 620px; margin: 0; color: var(--ybag-indigo); font-size: clamp(36px,4vw,52px); line-height: 1.04; }
.ybag-product-use ol { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; counter-reset: use-step; }
.ybag-product-use li { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 5px 18px; border: 1px solid var(--line); border-radius: 16px; padding: 21px; background: #fff; counter-increment: use-step; }
.ybag-product-use li::before { grid-row: 1 / span 2; display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; color: #fff; background: var(--ybag-violet); content: counter(use-step, decimal-leading-zero); font-size: 10px; font-weight: 900; }
.ybag-product-use strong { color: var(--ybag-indigo); font-size: 18px; }
.ybag-product-use span { color: var(--muted); line-height: 1.5; }

.ybag-download-heading { padding: 80px clamp(24px, 9vw, 140px) 45px; background: #f7f8ff; }
.ybag-download-heading h1 { margin: 0; color: var(--ybag-indigo); font-size: clamp(42px, 5vw, 64px); }
.ybag-download-heading p:last-child { color: var(--muted); font-size: 19px; }
.ybag-download-library { min-height: 420px; padding: 40px clamp(24px, 9vw, 140px) 90px; background: #f7f8ff; }
.ybag-download-library article { display: grid; grid-template-columns: 240px 1fr; gap: 32px; max-width: 900px; padding: 26px; border: 1px solid var(--line); border-radius: 24px; background: #fff; }
.ybag-download-library article img { width: 100%; border-radius: 16px; }
.ybag-download-empty { max-width: 700px; padding: 48px; border: 1px solid var(--line); border-radius: 24px; text-align: center; background: #fff; }
.ybag-download-empty img { width: min(100%, 230px); height: auto; }
.ybag-download-empty h2 { color: var(--ybag-indigo); }
.ybag-checkout-form { margin: 0; }
.ybag-product-account-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; }
.ybag-checkout-form button { cursor: pointer; font: inherit; }
.ybag-file-note { max-width: 620px; color: var(--muted); font-size: 14px; }
.ybag-checkout-state { min-height: 620px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 70px 24px; text-align: center; background: radial-gradient(circle at 50% 35%, #fff2c2, transparent 28%), #f7f8ff; }
.ybag-checkout-state img { width: min(100%, 230px); height: auto; }
.ybag-checkout-state h1 { max-width: 780px; margin: 10px 0 18px; color: var(--ybag-indigo); font-size: clamp(40px, 4.2vw, 58px); line-height: 1.02; letter-spacing: -.034em; }
.ybag-product-preview { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: clamp(40px, 7vw, 90px); align-items: center; padding: clamp(58px, 8vw, 94px) clamp(24px, 8vw, 120px); background: #fff; }
.ybag-product-preview h2 { max-width: 620px; margin: 0; color: var(--ybag-indigo); font-size: clamp(34px, 4vw, 48px); line-height: 1.04; }
.ybag-product-preview p:last-child { color: var(--muted); font-size: 18px; line-height: 1.7; }
.ybag-product-preview-art { width: min(100%, 560px); aspect-ratio: 1; justify-self: center; border: 1px solid var(--line); border-radius: 26px; background-color: #f7f8ff; background-image: url('/media/site/products/ebook-sample-spreads-square.png'), url('/media/ebooks/your-babys-a-genius/previews/printable-toolkit-preview.png'); background-position: center; background-repeat: no-repeat; background-size: cover, contain; box-shadow: var(--ybag-shadow); }
.ybag-checkout-state > p:not(.ybag-kicker) { max-width: 680px; margin: 0 0 28px; color: var(--muted); font-size: 19px; line-height: 1.7; }
.product-commerce-form { display: grid; gap: 18px; max-width: 760px; }
.product-commerce-form label:not(.checkbox-label) { display: grid; gap: 7px; font-weight: 800; }
.product-commerce-form input[type='password'] { min-height: 46px; border: 1px solid var(--line); border-radius: 9px; padding: 9px 12px; }
.product-commerce-form .checkbox-label { display: flex; gap: 9px; align-items: center; }
.ybag-commerce-readiness { display: flex; flex-wrap: wrap; gap: 9px; margin: 16px 0; }
.ybag-readiness-chip { border-radius: 999px; padding: 7px 11px; color: #7a2432; background: #fde9ed; font-size: 12px; font-weight: 800; }
.ybag-readiness-chip.is-ready { color: #115d47; background: #e1f6ee; }
.ybag-download-admin-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.ybag-download-admin-card { border: 1px solid var(--line); border-radius: 14px; padding: 20px; background: var(--paper); }
.ybag-download-admin-card h3 { margin-top: 0; }
.ybag-download-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.ybag-download-grid article { grid-template-columns: 110px 1fr; }

/* Fees-owned finance workspace */
.fees-workspace-header { --finance-navy: #15213f; --finance-teal: #087a67; --finance-gold: #d8a326; display: flex; min-height: 82px; align-items: center; justify-content: space-between; gap: 24px; padding: 0 max(3vw, 24px); border-bottom: 1px solid var(--line); background: #fff; box-shadow: 0 7px 25px rgba(19,42,86,.06); }
.fees-workspace-brand { display: flex; min-width: max-content; align-items: baseline; gap: 10px; color: var(--finance-navy); font-weight: 900; text-decoration: none; }
.fees-workspace-brand span { border-radius: 999px; padding: 6px 11px 4px; color: #fff; background: var(--finance-teal); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.fees-workspace-brand strong { font-size: 15px; }
.fees-workspace-header .finance-nav { flex: 0 1 auto; overflow: visible; border: 0; padding: 0; box-shadow: none; }
.finance-shell { --finance-navy: #15213f; --finance-teal: #087a67; --finance-gold: #d8a326; display: grid; width: 100%; max-width: var(--dashboard-frame); box-sizing: border-box; gap: 24px; margin: 0 auto; }
.finance-shell > * { min-width: 0; }
.finance-heading { align-items: center; padding-bottom: 2px; }
.finance-heading h1 { font-size: clamp(38px, 5vw, 58px); letter-spacing: -.04em; }
.finance-heading p:last-child { max-width: 760px; }
.fees-page-hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr); gap: 20px; padding: clamp(28px, 4vw, 46px); border: 1px solid #c8e2c8; border-radius: 26px; background: radial-gradient(circle at 0% 0%, rgba(166,243,192,.32), transparent 42%), linear-gradient(124deg, #effaeb 0%, #fff 62%, #f2fbff 100%); box-shadow: 0 18px 48px rgba(20,43,92,.08); }
.fees-page-hero-copy { display: grid; align-content: center; min-width: 0; }
.fees-page-hero-copy h1 { max-width: 760px; margin: 4px 0 0; color: var(--finance-navy); font: 700 clamp(38px, 5vw, 64px)/.98 'Changa', Arial, sans-serif; letter-spacing: -.045em; }
.fees-page-heading-copy > p { max-width: 700px; margin: 17px 0 0; color: var(--muted); font-size: 17px; line-height: 1.6; }
.fees-page-hero-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 25px; }
.fees-page-hero-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; align-content: center; }
.fees-page-hero-stat { display: grid; min-height: 104px; align-content: center; gap: 5px; border: 1px solid rgba(200,226,200,.95); border-radius: 15px; padding: 15px; background: rgba(255,255,255,.75); }
.fees-page-hero-stat span { color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .065em; text-transform: uppercase; }
.fees-page-hero-stat strong { color: var(--finance-navy); font: 700 clamp(22px, 2.3vw, 32px)/1 'Changa', Arial, sans-serif; letter-spacing: -.025em; }
.fees-page-hero-stat small { color: var(--muted); font-size: 10px; line-height: 1.3; }
.fees-page-gauge-section { display: grid; gap: 17px; padding: 4px 0 5px; }
.fees-page-gauge-heading { display: flex; align-items: end; justify-content: space-between; gap: 22px; }
.fees-page-gauge-heading h2 { margin: 0; color: var(--finance-navy); font: 700 clamp(30px, 3vw, 42px)/1.05 'Changa', Arial, sans-serif; letter-spacing: -.025em; }
.fees-page-gauge-heading p { max-width: 720px; margin: 8px 0 0; color: var(--muted); line-height: 1.55; }
.fees-page-gauge-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.fees-page-gauge-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fees-page-gauge-card { display: grid; min-width: 0; gap: 11px; border: 1px solid #dbe8d8; border-radius: 21px; padding: 20px; background: #fff; box-shadow: 0 13px 30px rgba(20,43,92,.06); }
.fees-page-gauge-card--teal { border-color: #bce9dc; background: linear-gradient(160deg, #f2fffb 0%, #fff 70%); }
.fees-page-gauge-card--violet { border-color: #ddd3f6; background: linear-gradient(160deg, #faf8ff 0%, #fff 70%); }
.fees-page-gauge-card--gold { border-color: #f1dfb7; background: linear-gradient(160deg, #fffaf1 0%, #fff 70%); }
.fees-page-gauge-card--rose { border-color: #f1c8c3; background: linear-gradient(160deg, #fff8f7 0%, #fff 70%); }
.fees-page-gauge-card-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.fees-page-gauge-card-heading span { color: var(--muted); font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.fees-page-gauge-card-heading strong { color: var(--finance-navy); font: 700 26px/1 'Changa', Arial, sans-serif; }
.fees-page-gauge-ring { position: relative; display: grid; width: 116px; height: 116px; place-items: center; margin: 4px auto 0; border-radius: 50%; background: conic-gradient(#149878 var(--gauge-score), #d9f1e9 0); box-shadow: 0 10px 22px rgba(20,152,120,.14); }
.fees-page-gauge-card--violet .fees-page-gauge-ring { background: conic-gradient(#7c3aed var(--gauge-score), #e9e1fb 0); }
.fees-page-gauge-card--gold .fees-page-gauge-ring { background: conic-gradient(#d8a326 var(--gauge-score), #fff0d7 0); }
.fees-page-gauge-card--rose .fees-page-gauge-ring { background: conic-gradient(#c83d46 var(--gauge-score), #f7dfdd 0); }
.fees-page-gauge-ring::before { position: absolute; width: 88px; height: 88px; border-radius: 50%; background: #fff; content: ''; }
.fees-page-gauge-ring > div { position: relative; z-index: 1; display: grid; place-items: center; gap: 2px; }
.fees-page-gauge-ring > div strong { color: var(--finance-navy); font: 700 25px/1 'Changa', Arial, sans-serif; }
.fees-page-gauge-ring > div span { color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.fees-page-gauge-card > small { color: var(--muted); font-size: 11px; line-height: 1.35; text-align: center; }
.fees-page-gauge-card > p { min-height: 34px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; text-align: center; }
.fees-development-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.fees-development-card { --development-accent: #149878; display: grid; grid-template-columns: minmax(0, 1fr) 148px; gap: 24px; min-width: 0; min-height: 280px; align-items: center; border: 1px solid #dbe8d8; border-radius: 22px; padding: 26px; background: #fff; box-shadow: 0 13px 30px rgba(20,43,92,.06); }
.fees-development-card--violet { --development-accent: #7c3aed; }
.fees-development-card--gold { --development-accent: #d8a326; }
.fees-development-card--rose { --development-accent: #d85065; }
.fees-development-card-copy { display: grid; min-width: 0; align-content: center; gap: 9px; }
.fees-development-card-copy h3 { margin: 0; color: var(--finance-navy); font: 700 32px/1.05 'Changa', Arial, sans-serif; letter-spacing: -.025em; }
.fees-development-card-copy > p:not(.eyebrow) { margin: 0; color: var(--muted); line-height: 1.55; }
.fees-development-card-detail { display: grid; gap: 3px; margin-top: 8px; padding: 12px 14px; border-left: 3px solid var(--development-accent); border-radius: 0 11px 11px 0; background: #f7faf8; }
.fees-development-card-detail span { color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.fees-development-card-detail strong { color: var(--finance-navy); font-size: 18px; }
.fees-development-card-copy a { width: max-content; margin-top: 3px; color: var(--development-accent); font-size: 12px; font-weight: 900; text-decoration: none; }
.fees-development-card-copy a:hover { text-decoration: underline; }
.fees-development-card-gauge { position: relative; display: grid; width: 132px; height: 132px; place-items: center; justify-self: center; border-radius: 50%; background: conic-gradient(var(--development-accent) var(--development-score), #e4eee9 0); box-shadow: 0 12px 26px color-mix(in srgb, var(--development-accent) 18%, transparent); }
.fees-development-card-gauge::before { position: absolute; width: 98px; height: 98px; border-radius: 50%; background: #fff; content: ''; }
.fees-development-card-gauge > div { position: relative; z-index: 1; display: grid; gap: 2px; place-items: center; }
.fees-development-card-gauge strong { color: var(--finance-navy); font: 700 28px/1 'Changa', Arial, sans-serif; }
.fees-development-card-gauge span { color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.finance-system-overview { display: grid; gap: 20px; padding: 28px; border: 1px solid #d8e1f2; border-radius: 24px; background: linear-gradient(135deg,#f9fbff 0%,#eef4ff 52%,#f6fffb 100%); box-shadow: 0 18px 48px rgba(31,62,125,.1); }
.finance-system-overview-header { display: flex; justify-content: space-between; gap: 24px; align-items: end; }
.finance-system-overview-header h1 { margin: 5px 0 0; color: var(--finance-navy); font-size: clamp(32px,4vw,48px); letter-spacing: -.045em; }
.finance-system-overview-header p:last-child { margin: 8px 0 0; max-width: 680px; color: var(--muted); line-height: 1.55; }
.finance-overview-meta { display: grid; gap: 7px; justify-items: end; color: var(--muted); font-size: 12px; }
.finance-overview-live { display: inline-flex; gap: 7px; align-items: center; color: #087a67; font-weight: 850; }
.finance-overview-live i { width: 8px; height: 8px; border-radius: 999px; background: #14b887; box-shadow: 0 0 0 4px rgba(20,184,135,.13); }
.finance-system-overview-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 18px; }
.finance-overview-card { min-width: 0; padding: 22px; border: 1px solid rgba(173,190,222,.7); border-radius: 18px; background: rgba(255,255,255,.84); box-shadow: 0 10px 24px rgba(32,58,110,.06); }
.finance-overview-card--traffic { border-top: 4px solid #4d7cff; }
.finance-overview-card--finance { border-top: 4px solid #16a579; }
.finance-overview-card-heading { display: flex; justify-content: space-between; gap: 14px; align-items: start; }
.finance-overview-card-heading h2 { margin: 4px 0 0; color: var(--finance-navy); font-size: 24px; letter-spacing: -.025em; }
.finance-overview-card-heading a { color: #315fce; font-size: 12px; font-weight: 850; text-decoration: none; white-space: nowrap; }
.finance-overview-card-heading a:hover { text-decoration: underline; }
.finance-overview-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin-top: 20px; }
.finance-overview-kpis > div { display: grid; gap: 5px; min-width: 0; padding: 12px 10px; border: 1px solid #e0e7f2; border-radius: 11px; background: #f8faff; }
.finance-overview-kpis--finance > div { background: #f7fcfa; border-color: #d9eee7; }
.finance-overview-kpis span, .finance-partner-strip span { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }
.finance-overview-kpis strong { overflow-wrap: anywhere; color: var(--finance-navy); font-size: 20px; line-height: 1.1; }
.finance-overview-chart-heading { display: flex; justify-content: space-between; gap: 12px; margin-top: 24px; color: var(--finance-navy); font-size: 12px; font-weight: 850; }
.finance-overview-chart-heading small { color: var(--muted); font-weight: 650; }
.finance-overview-bars { display: flex; gap: 4px; align-items: end; height: 112px; margin-top: 8px; padding: 8px 2px 2px; border-bottom: 1px solid #dce4ef; }
.finance-overview-bars > span { display: flex; flex: 1 1 0; min-width: 3px; height: max(3px,var(--bar)); border-radius: 4px 4px 1px 1px; background: #b8cdfd; transition: height .2s ease, background .2s ease; }
.finance-overview-bars--blue > span:hover { background: #315fce; }
.finance-overview-bars--finance { gap: 3px; }
.finance-overview-bar-group { position: relative; display: flex; flex: 1 1 0; min-width: 3px; height: 100%; align-items: end; gap: 1px; }
.finance-overview-bar-group i, .finance-overview-bar-group b { display: block; flex: 1 1 0; min-width: 2px; border-radius: 3px 3px 0 0; }
.finance-overview-bar-group i { height: max(3px,var(--bar)); background: #8bcdb9; }
.finance-overview-bar-group b { height: max(3px,var(--bar)); background: #168f70; }
.finance-partner-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin-top: 18px; padding-top: 17px; border-top: 1px solid #d9eee7; }
.finance-partner-strip > div { display: grid; gap: 4px; min-width: 0; }
.finance-partner-strip strong { overflow-wrap: anywhere; color: #116b57; font-size: 17px; }
.finance-partner-strip small { color: var(--muted); font-size: 10px; }
.finance-overview-empty { margin: 12px 0 0; color: #8a4d00; font-size: 12px; line-height: 1.45; }
.finance-overview-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 22px; color: var(--muted); font-size: 11px; }
.finance-overview-footer a { color: #315fce; font-weight: 800; text-decoration: none; }
.finance-overview-dot { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 999px; }
.finance-overview-dot--blue { background: #4d7cff; }.finance-overview-dot--green { background: #16a579; }

/* Fees overview refresh: the overview is a command center, while charts stay
   on the dedicated Sales and Analytics pages. The layout follows the member
   dashboard's shortcut cards and green Partner Program panel. */
.fees-overview-command { display: grid; gap: 18px; }
.fees-overview-hero { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: clamp(28px, 4vw, 46px); border: 1px solid #c8e2c8; border-radius: 24px; background: linear-gradient(120deg, #effaeb 0%, #fff 66%, #f6fff2 100%); box-shadow: 0 18px 48px rgba(20, 43, 92, .08); }
.fees-overview-hero-copy { max-width: 800px; }
.fees-overview-hero h1 { margin: 4px 0 0; color: var(--finance-navy); font: 700 clamp(38px, 5vw, 64px)/1 'Changa', Arial, sans-serif; letter-spacing: -.045em; }
.fees-overview-hero p:last-child { max-width: 700px; margin: 16px 0 0; color: var(--muted); font-size: 17px; line-height: 1.6; }
.fees-overview-status { display: flex; min-width: min(100%, 260px); align-items: center; gap: 12px; border: 1px solid #c8e2c8; border-radius: 16px; padding: 15px 17px; color: #123e2c; background: #fff; box-shadow: 0 10px 24px rgba(20, 43, 92, .07); }
.fees-overview-status div { display: grid; gap: 4px; }
.fees-overview-status strong { font: 700 17px/1.1 'Changa', Arial, sans-serif; }
.fees-overview-status small { color: var(--muted); font-size: 11px; line-height: 1.35; }
.fees-status-dot { width: 12px; height: 12px; flex: 0 0 12px; border-radius: 50%; background: #62a916; box-shadow: 0 0 0 5px rgba(98, 169, 22, .13); }
.fees-dashboard-hero { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr); gap: 20px; padding: clamp(28px, 4vw, 46px); border: 1px solid #c8e2c8; border-radius: 26px; background: radial-gradient(circle at 0% 0%, rgba(166, 243, 192, .32), transparent 42%), linear-gradient(124deg, #effaeb 0%, #fff 62%, #f2fbff 100%); box-shadow: 0 18px 48px rgba(20, 43, 92, .08); }
.fees-dashboard-hero-copy { display: grid; align-content: center; min-width: 0; }
.fees-dashboard-hero h1 { max-width: 760px; margin: 4px 0 0; color: var(--finance-navy); font: 700 clamp(38px, 5vw, 64px)/.98 'Changa', Arial, sans-serif; letter-spacing: -.045em; }
.fees-dashboard-hero-copy > p:not(.eyebrow) { max-width: 650px; margin: 17px 0 0; color: var(--muted); font-size: 17px; line-height: 1.6; }
.fees-dashboard-connection-row { display: flex; flex-wrap: nowrap; gap: 8px; margin-top: 19px; }
.fees-dashboard-connection { display: inline-flex; min-width: 0; min-height: 44px; flex: 1 1 0; align-items: center; justify-content: center; gap: 8px; overflow: hidden; border: 1px solid #c8e2c8; border-radius: 999px; padding: 10px 12px; color: #245e42; background: rgba(255,255,255,.76); font-size: clamp(14px, 1.35vw, 18px); font-weight: 500; line-height: 1.1; white-space: nowrap; text-overflow: ellipsis; }
.fees-dashboard-connection i { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; background: #d8a326; box-shadow: 0 0 0 4px rgba(216,163,38,.13); }
.fees-dashboard-connection i.is-connected { background: #149878; box-shadow: 0 0 0 4px rgba(20,152,120,.13); }
.fees-dashboard-connection i.is-pending { background: #d8a326; }
.fees-dashboard-hero-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 25px; }
.fees-dashboard-period { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 17px; color: #6e7b76; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.fees-dashboard-period a { display: inline-grid; min-width: 38px; height: 27px; place-items: center; border: 1px solid #c9d9cf; border-radius: 999px; color: #35634c; background: #fff; text-decoration: none; letter-spacing: .02em; transition: background .18s ease, color .18s ease, border-color .18s ease; }
.fees-dashboard-period a:hover, .fees-dashboard-period a.is-active { border-color: #247447; color: #fff; background: #247447; }
.fees-dashboard-period-section { display: grid; gap: 17px; padding: 24px 0 6px; }
.fees-dashboard-period-heading { display: flex; align-items: end; justify-content: flex-start; gap: 22px; }
.fees-dashboard-period-heading h2 { margin: 0; color: var(--finance-navy); font: 700 clamp(29px, 3vw, 40px)/1.05 'Changa', Arial, sans-serif; letter-spacing: -.025em; }
.fees-dashboard-period-heading small { max-width: 520px; color: var(--muted); font-size: 11px; line-height: 1.45; text-align: right; }
.fees-dashboard-period-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-left: auto; }
.fees-dashboard-period-tools .fees-dashboard-action { min-height: 44px; padding: 9px 14px; font-size: 14px; }
.fees-dashboard-refresh-status { color: var(--muted); font-size: 11px; line-height: 1.3; }
.fees-dashboard-period-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.fees-dashboard-period-tab { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 11px; min-width: 0; align-items: center; border: 1px solid #dbe8d8; border-radius: 17px; padding: 15px; color: var(--finance-navy); background: linear-gradient(145deg, #fff, #f8fffa); text-decoration: none; box-shadow: 0 8px 20px rgba(20,43,92,.045); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.fees-dashboard-period-tab:hover { border-color: #a9d09f; background: #f4fff2; box-shadow: 0 13px 25px rgba(20,43,92,.09); transform: translateY(-2px); }
.fees-dashboard-period-tab.is-active { border-color: #247447; background: linear-gradient(145deg, #eefaf0, #fff); box-shadow: 0 10px 23px rgba(36,116,71,.12); }
.fees-dashboard-period-icon { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 11px; color: #fff; background: #62a916; font: 900 17px/1 'Changa', Arial, sans-serif; }
.fees-dashboard-period-tab:nth-child(2) .fees-dashboard-period-icon { background: #149878; }
.fees-dashboard-period-tab:nth-child(3) .fees-dashboard-period-icon { background: #7c3aed; }
.fees-dashboard-period-tab:nth-child(4) .fees-dashboard-period-icon { background: #d8a326; }
.fees-dashboard-period-copy { display: grid; min-width: 0; gap: 2px; }
.fees-dashboard-period-copy small { color: #247447; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.fees-dashboard-period-copy strong { overflow-wrap: anywhere; color: var(--finance-navy); font: 700 17px/1.1 'Changa', Arial, sans-serif; }
.fees-dashboard-period-copy span { color: var(--muted); font-size: 10px; line-height: 1.3; }
.fees-dashboard-period-tab b { position: absolute; top: 9px; right: 10px; color: #247447; font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }
.fees-dashboard-period-tab:focus-visible { outline: 3px solid rgba(36,116,71,.35); outline-offset: 3px; }
.fees-dashboard-period-section.is-loading { opacity: .65; transition: opacity .18s ease; }
.fees-dashboard-period-section.is-loading .fees-dashboard-period-tabs { pointer-events: none; }
.finance-settings-form { display: grid; gap: 18px; }
.finance-settings-target-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 0; }
.finance-settings-target-grid label { display: grid; gap: 6px; }
.finance-settings-target-grid label span, .finance-settings-form .current-password-field span { color: #344054; font-size: 13px; font-weight: 800; }
.finance-settings-target-grid label small { color: var(--muted); font-size: 11px; line-height: 1.45; }
.finance-settings-target-grid input, .finance-settings-form .current-password-field input { min-height: 44px; box-sizing: border-box; width: 100%; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); background: #fff; font: inherit; }
.fees-stats-simulation-banner { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 10px; border: 1px solid #efc7cc; border-radius: 16px; padding: 15px 18px; color: #8f2632; background: linear-gradient(120deg, #fff4f5, #fff); }
.fees-stats-simulation-banner > div { display: grid; gap: 3px; }
.fees-stats-simulation-banner .eyebrow { margin: 0; color: #a12d38; }
.fees-stats-simulation-banner strong { color: #8f2632; font: 700 18px/1.1 'Changa', Arial, sans-serif; }
.fees-stats-simulation-banner span:not(.eyebrow) { color: #7f4b53; font-size: 11px; line-height: 1.4; }
.fees-future-trend { display: grid; gap: 17px; }
.fees-future-trend-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.fees-future-trend-grid article { display: grid; gap: 7px; min-width: 0; border: 1px solid #efc7cc; border-top: 4px solid #c83d46; border-radius: 14px; padding: 17px; background: linear-gradient(145deg, #fff7f7, #fff); }
.fees-future-trend-grid article > span { color: #a12d38; font-size: 10px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.fees-future-trend-grid article strong { color: #8f2632; font: 700 24px/1.05 'Changa', Arial, sans-serif; }
.fees-future-trend-grid article small { color: #7f4b53; font-size: 11px; line-height: 1.45; }
.fees-partner-affiliates { display: grid; grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 18px; padding-top: 18px; border-top: 1px solid #efc7cc; }
.fees-partner-affiliates > div:first-child { display: grid; align-content: center; gap: 3px; }
.fees-partner-affiliates > div:first-child .eyebrow { margin: 0; color: #a12d38; }
.fees-partner-affiliates > div:first-child strong { color: #8f2632; font: 700 17px/1.1 'Changa', Arial, sans-serif; }
.fees-partner-affiliates > div:first-child span { color: #7f4b53; font-size: 11px; }
.fees-partner-affiliate { display: grid; gap: 4px; border: 1px solid #efc7cc; border-radius: 12px; padding: 12px; background: #fff7f7; }
.fees-partner-affiliate > span { color: #a12d38; font-weight: 900; }
.fees-partner-affiliate strong { color: #8f2632; font: 700 21px/1 'Changa', Arial, sans-serif; }
.fees-partner-affiliate small { color: #7f4b53; font-size: 10px; line-height: 1.3; }
.fees-settings-fake { display: grid; gap: 18px; }
.fees-settings-fake .section-heading { align-items: start; }
.fees-settings-mode-summary { display: grid; gap: 4px; border-left: 4px solid #d8a326; border-radius: 9px; padding: 12px 15px; background: #fff9e9; }
.fees-settings-mode-summary strong { color: #6b4a00; font: 700 17px/1.15 'Changa', Arial, sans-serif; }
.fees-settings-mode-summary span { color: #806b3f; font-size: 12px; line-height: 1.45; }
.fees-settings-fake-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.fees-settings-fake-option { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 10px; min-width: 0; border: 1px solid #dbe8d8; border-radius: 15px; padding: 14px; background: #fff; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.fees-settings-fake-option:hover { border-color: #a9d09f; box-shadow: 0 9px 20px rgba(20,43,92,.07); transform: translateY(-1px); }
.fees-settings-fake-option.is-selected { border-color: #247447; box-shadow: 0 9px 20px rgba(36,116,71,.1); background: #f6fff4; }
.fees-settings-fake-option input { margin-top: 4px; accent-color: #247447; }
.fees-settings-fake-option-copy { display: grid; min-width: 0; gap: 4px; }
.fees-settings-fake-option-copy strong { color: var(--finance-navy); font: 700 17px/1.1 'Changa', Arial, sans-serif; }
.fees-settings-fake-option-copy small { color: #247447; font-size: 10px; font-weight: 800; }
.fees-settings-fake-option-copy span { color: var(--muted); font-size: 11px; line-height: 1.4; }
.fees-dashboard-action { display: inline-flex; min-height: 52px; align-items: center; gap: 9px; border: 1px solid #c7ddc4; border-radius: 12px; padding: 12px 17px; color: #247447; background: rgba(255,255,255,.72); font-size: 18px; font-weight: 900; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.fees-dashboard-action:hover { color: #155b35; background: #fff; box-shadow: 0 9px 20px rgba(36, 116, 71, .12); transform: translateY(-2px); }
.fees-dashboard-action--primary { border-color: #247447; color: #fff; background: #247447; }
.fees-dashboard-action--primary:hover { color: #fff; background: #155b35; }
.fees-dashboard-hero-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; align-content: center; }
.fees-dashboard-hero-status { grid-column: 1 / -1; display: flex; min-height: 58px; align-items: center; gap: 11px; border: 1px solid #c8e2c8; border-radius: 15px; padding: 13px 15px; color: #123e2c; background: rgba(255,255,255,.84); box-shadow: 0 10px 24px rgba(20, 43, 92, .06); }
.fees-dashboard-hero-status div { display: grid; gap: 3px; }
.fees-dashboard-hero-status strong { font: 700 16px/1.1 'Changa', Arial, sans-serif; }
.fees-dashboard-hero-status small { color: var(--muted); font-size: 10px; line-height: 1.35; }
.fees-dashboard-stat { display: grid; min-height: 110px; align-content: center; gap: 5px; border: 1px solid rgba(200, 226, 200, .95); border-radius: 15px; padding: 15px; background: rgba(255,255,255,.75); }
.fees-dashboard-stat span { color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .065em; text-transform: uppercase; }
.fees-dashboard-stat strong { color: var(--finance-navy); font: 700 clamp(24px, 2.5vw, 34px)/1 'Changa', Arial, sans-serif; letter-spacing: -.025em; }
.fees-dashboard-stat small { color: var(--muted); font-size: 10px; line-height: 1.3; }
.fees-health-section { display: grid; gap: 17px; padding: 28px 0 5px; }
.fees-health-heading { display: flex; align-items: end; justify-content: space-between; gap: 22px; }
.fees-health-heading h2 { margin: 0; color: var(--finance-navy); font: 700 clamp(30px, 3vw, 42px)/1.05 'Changa', Arial, sans-serif; letter-spacing: -.025em; }
.fees-health-heading small { max-width: 520px; color: var(--muted); font-size: 11px; line-height: 1.45; text-align: right; }
.fees-health-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.fees-health-card { position: relative; display: grid; min-width: 0; min-height: 420px; align-content: start; overflow: hidden; border: 1px solid #dbe8d8; border-radius: 21px; padding: 23px; background: #fff; box-shadow: 0 13px 30px rgba(20, 43, 92, .07); }
.fees-health-card::after { position: absolute; right: -65px; bottom: -85px; width: 190px; height: 190px; border-radius: 50%; content: ''; opacity: .65; pointer-events: none; }
.fees-health-card--orbit { border-color: #bce9dc; background: linear-gradient(160deg, #f2fffb 0%, #fff 62%); }
.fees-health-card--orbit::after { background: radial-gradient(circle, rgba(20, 184, 166, .2), transparent 68%); }
.fees-health-card--arc { border-color: #ddd3f6; background: linear-gradient(160deg, #faf8ff 0%, #fff 62%); }
.fees-health-card--arc::after { background: radial-gradient(circle, rgba(124, 58, 237, .16), transparent 68%); }
.fees-health-card--riser { border-color: #f5d5ae; background: linear-gradient(160deg, #fffaf3 0%, #fff 62%); }
.fees-health-card--riser::after { background: radial-gradient(circle, rgba(234, 88, 12, .14), transparent 68%); }
.fees-health-card-heading { position: relative; z-index: 1; display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.fees-health-card-heading h3 { margin: 4px 0 0; color: var(--finance-navy); font: 700 26px/1.08 'Changa', Arial, sans-serif; }
.fees-health-card-heading a { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid currentColor; border-radius: 9px; color: #247447; text-decoration: none; }
.fees-health-card--arc .fees-health-card-heading a { color: #7c3aed; }
.fees-health-card--riser .fees-health-card-heading a { color: #c2410c; }
.fees-health-kicker { color: #149878; font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.fees-health-card--arc .fees-health-kicker { color: #7c3aed; }
.fees-health-card--riser .fees-health-kicker { color: #c2410c; }
.fees-orbit-gauge { position: relative; display: grid; width: 190px; height: 190px; place-items: center; margin: 26px auto 17px; border-radius: 50%; background: conic-gradient(#16a579 var(--gauge-score), #d9f1e9 0); box-shadow: 0 12px 25px rgba(22, 165, 121, .18); }
.fees-orbit-gauge::before { position: absolute; inset: 14px; border-radius: 50%; background: #f7fffc; box-shadow: inset 0 0 0 1px rgba(22, 165, 121, .13); content: ''; }
.fees-orbit-gauge-core { position: relative; z-index: 1; display: grid; place-items: center; gap: 2px; }
.fees-orbit-gauge-core strong, .fees-arc-label strong { color: #116b57; font: 700 41px/1 'Changa', Arial, sans-serif; letter-spacing: -.03em; }
.fees-orbit-gauge-core span, .fees-arc-label span { color: #4e8e7c; font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.fees-arc-gauge { position: relative; margin: 25px auto 7px; width: min(100%, 250px); }
.fees-arc-gauge svg { display: block; width: 100%; height: auto; overflow: visible; }
.fees-arc-gauge path { fill: none; stroke-width: 16; stroke-linecap: round; }
.fees-arc-track { stroke: #e9e1fb; }
.fees-arc-value { stroke: #7c3aed; filter: drop-shadow(0 7px 7px rgba(124, 58, 237, .18)); }
.fees-arc-label { position: absolute; right: 0; bottom: 4px; left: 0; display: grid; place-items: center; gap: 2px; }
.fees-arc-label strong { color: #5b21b6; }
.fees-arc-label span { color: #8068b0; }
.fees-riser-gauge { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 15px; align-items: end; margin: 26px auto 16px; width: min(100%, 240px); }
.fees-riser-track { position: relative; width: 76px; height: 205px; overflow: hidden; border: 1px solid #f2cda6; border-radius: 18px; background: repeating-linear-gradient(to top, #fff2e2 0 20px, #ffe6c8 21px 22px); box-shadow: inset 0 0 0 7px rgba(255,255,255,.55); }
.fees-riser-fill { position: absolute; right: 7px; bottom: 7px; left: 7px; height: var(--gauge-score); min-height: 0; border-radius: 11px 11px 13px 13px; background: linear-gradient(to top, #f97316, #fbbf24); box-shadow: 0 0 18px rgba(249, 115, 22, .28); transition: height .35s ease; }
.fees-riser-target { position: absolute; right: 0; left: 0; height: 2px; background: rgba(194, 65, 12, .75); content: ''; }
.fees-riser-target--mid { bottom: 50%; }
.fees-riser-target--top { top: 0; }
.fees-riser-scale { display: grid; height: 205px; align-content: space-between; color: #9a5a2a; font-size: 10px; font-weight: 800; }
.fees-health-reading { position: relative; z-index: 1; display: flex; align-items: baseline; gap: 8px; margin-top: auto; }
.fees-health-reading strong { color: var(--finance-navy); font: 700 28px/1 'Changa', Arial, sans-serif; }
.fees-health-reading span { color: var(--muted); font-size: 11px; }
.fees-health-trend { position: relative; z-index: 1; width: fit-content; margin-top: 8px; border-radius: 999px; padding: 5px 8px; font-size: 9px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.fees-health-trend.is-positive { color: #17643a; background: #e7f8e9; }
.fees-health-trend.is-negative { color: #a12d38; background: #fff0ef; }
.fees-health-trend.is-neutral { color: #66736e; background: #eef2f1; }
.fees-health-card p { position: relative; z-index: 1; margin: 9px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.fees-channel-health-section { display: grid; gap: 17px; padding: 25px 0 7px; }
.fees-channel-health-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.fees-channel-health-card { display: grid; min-width: 0; gap: 15px; overflow: hidden; border: 1px solid #dbe8d8; border-top: 4px solid #d8a326; border-radius: 18px; padding: 20px; background: #fff; box-shadow: 0 11px 26px rgba(20, 43, 92, .06); }
.fees-channel-health-card--healthy { border-color: #bce9dc; border-top-color: #149878; background: linear-gradient(155deg, #f2fffb, #fff 70%); }
.fees-channel-health-card--attention { border-color: #f1dfb7; border-top-color: #d8a326; background: linear-gradient(155deg, #fffaf1, #fff 70%); }
.fees-channel-health-card--blocked { border-color: #f1c8c3; border-top-color: #c83d46; background: linear-gradient(155deg, #fff8f7, #fff 70%); }
.fees-channel-health-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.fees-channel-health-heading h3 { margin: 4px 0 0; color: var(--finance-navy); font: 700 23px/1.08 'Changa', Arial, sans-serif; }
.fees-channel-gauge { position: relative; height: 11px; overflow: hidden; border-radius: 999px; background: #edf1ef; box-shadow: inset 0 0 0 1px rgba(21, 33, 63, .05); }
.fees-channel-gauge span { display: block; width: var(--channel-score); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #d8a326, #149878); transition: width .35s ease; }
.fees-channel-health-card--blocked .fees-channel-gauge span { background: linear-gradient(90deg, #c83d46, #e87965); }
.fees-channel-score { display: flex; align-items: baseline; gap: 8px; }
.fees-channel-score strong { color: var(--finance-navy); font: 700 29px/1 'Changa', Arial, sans-serif; }
.fees-channel-score span { color: var(--muted); font-size: 11px; line-height: 1.35; }
.fees-channel-checks { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.fees-channel-checks li { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; gap: 6px; align-items: center; min-width: 0; color: var(--muted); font-size: 11px; }
.fees-channel-checks li > span:first-child { display: grid; width: 16px; height: 16px; place-items: center; border-radius: 50%; color: #8a6500; background: #fff0d7; font-size: 12px; font-weight: 900; }
.fees-channel-checks li.is-ready > span:first-child { color: #076047; background: #e3f5ee; }
.fees-channel-checks li strong { overflow-wrap: anywhere; color: var(--finance-navy); font-size: 10px; font-weight: 850; text-align: right; }
.fees-channel-message { min-height: 50px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.fees-channel-footer { display: flex; align-items: end; justify-content: space-between; gap: 12px; padding-top: 3px; border-top: 1px solid rgba(21, 33, 63, .08); }
.fees-channel-footer small { color: var(--muted); font-size: 9px; }
.fees-channel-footer a { color: #247447; font-size: 10px; font-weight: 900; text-decoration: none; white-space: nowrap; }
.fees-channel-footer a:hover { text-decoration: underline; }
.fees-attention-section { display: grid; gap: 17px; padding: 27px 0 7px; }
.fees-attention-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.fees-attention-card { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; min-width: 0; min-height: 174px; align-content: start; border: 1px solid #dbe8d8; border-radius: 16px; padding: 17px; color: var(--finance-navy); background: #fff; text-decoration: none; box-shadow: 0 9px 22px rgba(20, 43, 92, .05); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.fees-attention-card:hover { border-color: #a9d09f; box-shadow: 0 14px 28px rgba(20, 43, 92, .1); transform: translateY(-2px); }
.fees-attention-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: #fff; background: #247447; font-size: 15px; font-weight: 900; }
.fees-attention-card--review { border-color: #f1c8c3; background: linear-gradient(145deg, #fff8f7, #fff 72%); }
.fees-attention-card--review .fees-attention-icon { background: #c83d46; }
.fees-attention-card--clear { border-color: #c9e4cc; background: linear-gradient(145deg, #f6fff7, #fff 72%); }
.fees-attention-card--neutral { border-color: #cedcf2; background: linear-gradient(145deg, #f6f9ff, #fff 72%); }
.fees-attention-card--neutral .fees-attention-icon { background: #315fce; }
.fees-attention-card small { display: block; color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.fees-attention-card h3 { margin: 5px 0 0; color: var(--finance-navy); font: 700 21px/1.08 'Changa', Arial, sans-serif; letter-spacing: -.02em; }
.fees-attention-card p { grid-column: 1 / -1; min-height: 36px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.fees-attention-card > strong { grid-column: 1 / -1; align-self: end; color: #247447; font-size: 10px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.fees-attention-card--review > strong { color: #b12f3b; }
.fees-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border: 1px solid #d8e8d8; border-radius: 18px; background: #fff; box-shadow: 0 12px 30px rgba(20, 43, 92, .07); }
.fees-metric-grid > a { position: relative; display: grid; min-width: 0; gap: 6px; padding: 22px; color: var(--finance-navy); border-right: 1px solid #e8f0e6; text-decoration: none; transition: background .18s ease, transform .18s ease; }
.fees-metric-grid > a:last-child { border-right: 0; }
.fees-metric-grid > a:hover { background: #f6fff2; transform: translateY(-2px); }
.fees-metric-grid span, .fees-partner-grid span, .fees-secondary-metrics span { color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .065em; text-transform: uppercase; }
.fees-metric-grid strong { color: var(--finance-navy); font: 700 clamp(25px, 2.6vw, 36px)/1.05 'Changa', Arial, sans-serif; letter-spacing: -.025em; }
.fees-metric-grid small, .fees-secondary-metrics small { color: var(--muted); font-size: 11px; }
.fees-metric-grid b { position: absolute; top: 20px; right: 20px; color: var(--member-green, #62a916); font-size: 17px; }
.fees-traffic-strip { display: grid; grid-template-columns: minmax(180px, 1.4fr) repeat(3, minmax(90px, .65fr)) auto; align-items: center; gap: 12px; border: 1px solid #dbe8d8; border-radius: 15px; padding: 13px 16px; background: #fbfefb; }
.fees-traffic-strip > div { display: grid; gap: 3px; min-width: 0; }
.fees-traffic-strip span, .fees-traffic-strip small { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }
.fees-traffic-strip strong { color: #247447; font: 700 22px/1 'Changa', Arial, sans-serif; }
.fees-traffic-strip a { color: #247447; font-size: 11px; font-weight: 900; text-decoration: none; white-space: nowrap; }
.fees-traffic-strip a:hover { text-decoration: underline; }
.fees-command-section { display: grid; gap: 22px; padding: 32px 0 4px; }
.fees-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.fees-section-heading h2, .fees-partner-heading h2, .fees-scope-note h2 { margin: 0; color: var(--finance-navy); font: 700 clamp(30px, 3vw, 42px)/1.05 'Changa', Arial, sans-serif; letter-spacing: -.025em; }
.fees-text-link { color: #247447; font-size: 12px; font-weight: 900; text-decoration: none; white-space: nowrap; }
.fees-text-link:hover { text-decoration: underline; }
.fees-command-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.fees-command-grid > a { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 17px; align-items: start; border: 1px solid #dbe8d8; border-radius: 18px; padding: 22px; color: var(--finance-navy); background: #fff; box-shadow: 0 10px 28px rgba(20, 43, 92, .06); text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.fees-command-grid > a:hover { border-color: #a9d09f; box-shadow: 0 16px 34px rgba(20, 43, 92, .11); transform: translateY(-3px); }
.fees-command-index { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; color: #fff; background: #62a916; font: 900 11px/1 'Changa', Arial, sans-serif; }
.fees-command-grid small { display: block; margin: 0 0 4px; color: #62a916; font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.fees-command-grid h3 { margin: 0; color: var(--finance-navy); font: 700 24px/1.12 'Changa', Arial, sans-serif; }
.fees-command-grid p { margin: 8px 0 0; color: var(--muted); line-height: 1.55; }
.fees-command-action { display: inline-block; margin-top: 15px; color: #247447; font-size: 11px; font-weight: 900; letter-spacing: .02em; }
.fees-partner-panel { display: grid; gap: 22px; margin-top: 20px; border-radius: 18px; padding: 28px; color: #fff; background: radial-gradient(circle at 0% 0%, rgba(134,239,172,.18), transparent 42%), radial-gradient(circle at 100% 100%, rgba(20,184,166,.2), transparent 46%), linear-gradient(120deg, rgba(6,78,59,.98), rgba(5,150,105,.96) 46%, rgba(15,118,110,.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 34px rgba(5,150,105,.24); }
.fees-partner-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.fees-partner-heading h2, .fees-partner-heading p { color: #fff; }
.fees-partner-heading p:last-child { max-width: 720px; margin: 9px 0 0; color: rgba(255,255,255,.76); line-height: 1.55; }
.fees-partner-heading .eyebrow { color: #baf5ca; }
.fees-partner-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.fees-partner-grid > div { display: grid; gap: 5px; min-width: 0; min-height: 105px; align-content: center; border: 1px solid rgba(255,255,255,.14); border-radius: 13px; padding: 15px; background: rgba(2,6,23,.2); }
.fees-partner-grid span, .fees-partner-grid small { color: rgba(255,255,255,.72); }
.fees-partner-grid strong { overflow-wrap: anywhere; color: #fff; font: 700 clamp(25px, 3vw, 40px)/1 'Changa', Arial, sans-serif; }
.fees-partner-grid small { font-size: 10px; }
.fees-light-button { display: inline-flex; min-height: 40px; align-items: center; gap: 7px; border: 1px solid rgba(255,255,255,.72); border-radius: 11px; padding: 10px 13px; color: #fff; background: rgba(2,6,23,.2); font-size: 11px; font-weight: 900; text-decoration: none; white-space: nowrap; }
.fees-light-button:hover { color: #fff; background: rgba(2,6,23,.34); }
.fees-panel-note { margin: 0; color: rgba(255,255,255,.72); font-size: 11px; line-height: 1.45; }
.fees-activity-grid, .fees-secondary-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(320px, .8fr); gap: 20px; align-items: start; }
.fees-secondary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fees-secondary-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; margin-top: 20px; border: 1px solid #dbe8d8; border-radius: 13px; background: #fbfefb; }
.fees-secondary-metrics > div { display: grid; gap: 5px; min-width: 0; padding: 14px; border-right: 1px solid #e5eee2; }
.fees-secondary-metrics > div:last-child { border-right: 0; }
.fees-secondary-metrics strong { color: #247447; font: 700 24px/1 'Changa', Arial, sans-serif; }
.fees-scope-note { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-left: 5px solid #62a916; border-radius: 14px; padding: 23px 26px; background: linear-gradient(120deg, #effaeb, #fff 70%); }
.fees-scope-note p:last-child { max-width: 840px; margin: 8px 0 0; color: var(--muted); line-height: 1.55; }
.fees-light-button--dark { border-color: #62a916; color: #247447; background: #fff; }
.fees-light-button--dark:hover { color: #247447; background: #effaeb; }
.member-purchase-compact-status {
  display: grid;
  min-width: min(100%, 230px);
  justify-items: start;
  gap: 3px;
  border: 1px solid #1268c433;
  border-radius: 16px;
  padding: 15px 18px;
  color: #08255b;
  background: #fff;
  box-shadow: 0 10px 24px #102c5c12;
}
.member-purchase-compact-status > span {
  grid-row: 1 / span 2;
  align-self: center;
  width: 36px;
  height: 36px;
  margin-right: 11px;
  border-radius: 12px;
  color: #fff;
  background: #55b91b;
  font-size: 21px;
  font-weight: 900;
  line-height: 36px;
  text-align: center;
}
.member-purchase-compact-status.is-pending > span { background: #ffb000; }
.member-purchase-compact-status small {
  grid-column: 2;
  color: #65718a;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.member-purchase-compact-status strong { grid-column: 2; font: 900 18px/1.15 'Changa', Arial, sans-serif; }

/* Keep the purchase confirmation centered instead of inheriting the
   two-column member-dashboard intro alignment. */
.theme-member .member-connected-intro {
  width: min(calc(100% - 48px), var(--member-frame));
  box-sizing: border-box;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-inline: auto;
  text-align: center;
}
.theme-member .member-connected-intro .role-dashboard-intro-copy {
  max-width: 860px;
  margin-inline: auto;
}
.theme-member .member-connected-intro .member-purchase-compact-status {
  width: min(100%, 280px);
  min-width: 0;
  justify-self: center;
  text-align: left;
}
@media (max-width: 760px) {
  .theme-member .member-connected-intro {
    width: min(calc(100% - 30px), var(--member-frame));
  }
}
.finance-nav { position: relative; display: flex; flex-wrap: wrap; overflow: visible; gap: 6px; padding: 6px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(16,24,40,.045); }
.finance-nav > a { flex: 0 0 auto; padding: 10px 15px; border-radius: 9px; color: #586174; font-size: 14px; font-weight: 800; text-decoration: none; }
.finance-nav > a:hover { color: var(--finance-navy); background: #f1f4f7; }
.finance-nav > a[aria-current='page'] { color: #fff; background: var(--finance-navy); }
.finance-nav-menu { position: relative; flex: 0 0 auto; }
.finance-nav-menu > summary { list-style: none; }
.finance-nav-menu > summary::-webkit-details-marker { display: none; }
.finance-nav-menu-toggle { display: inline-flex; min-height: 39px; align-items: center; gap: 8px; border: 1px solid #247548; border-radius: 9px; padding: 9px 13px; color: #fff; background: #2f8d52; cursor: pointer; font-size: 14px; font-weight: 850; line-height: 1; box-shadow: 0 7px 16px rgba(47,141,82,.18); transition: background .18s ease, transform .18s ease, box-shadow .18s ease; }
.finance-nav-menu-toggle:hover, .finance-nav-menu[open] > .finance-nav-menu-toggle { background: #206b3d; box-shadow: 0 9px 20px rgba(32,107,61,.22); }
.finance-nav-menu-toggle:focus-visible { outline: 3px solid rgba(47,141,82,.27); outline-offset: 3px; }
.finance-nav-menu-icon { font-size: 20px; line-height: .7; }
.finance-nav-menu-panel { position: absolute; z-index: 40; top: calc(100% + 10px); right: 0; display: grid; grid-template-columns: repeat(4, minmax(145px, 1fr)); gap: 18px; width: min(920px, calc(100vw - 36px)); box-sizing: border-box; padding: 20px; border: 1px solid #cfe0d3; border-radius: 18px; background: #fff; box-shadow: 0 22px 50px rgba(20,43,92,.18); }
.finance-nav-menu-heading { display: flex; grid-column: 1 / -1; align-items: baseline; justify-content: space-between; gap: 16px; padding-bottom: 12px; border-bottom: 1px solid #e5eee7; }
.finance-nav-menu-heading strong { color: var(--finance-navy); font: 700 24px/1.05 'Changa', Arial, sans-serif; }
.finance-nav-menu-heading span { color: var(--muted); font-size: 12px; font-weight: 700; }
.finance-nav-menu-section { display: grid; align-content: start; gap: 4px; min-width: 0; }
.finance-nav-menu-section h2 { margin: 0 0 6px; color: var(--finance-navy); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.finance-nav-menu-panel a { display: flex; align-items: center; justify-content: space-between; gap: 8px; border-radius: 8px; padding: 8px 9px; color: #586174; font-size: 12px; font-weight: 800; line-height: 1.2; text-decoration: none; }
.finance-nav-menu-panel a:hover { color: var(--finance-navy); background: #f1f7f2; }
.finance-nav-menu-panel a[aria-current='page'] { color: #fff; background: var(--finance-navy); }
.finance-nav-menu-panel a.finance-nav-menu-link--office { color: #17653a; background: #eaf7ed; }
.finance-nav-menu-panel a.finance-nav-menu-link--office:hover { color: #fff; background: #2f8d52; }
.finance-nav-menu-footer { grid-column: 1 / -1; padding-top: 12px; border-top: 1px solid #e5eee7; }
.finance-nav-menu-footer a { width: max-content; padding-inline: 0; color: var(--finance-navy); }
.finance-filter-label { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; font-weight: 800; }
.finance-filter-label + select { min-height: 36px; border: 1px solid var(--line); border-radius: 8px; padding: 6px 9px; color: var(--finance-navy); background: #fff; font: inherit; }
.finance-analytics-bars { display: grid; grid-template-columns: repeat(30, minmax(4px, 1fr)); align-items: end; gap: 4px; min-height: 190px; padding: 22px 4px 28px; }
.finance-analytics-bars > span { position: relative; display: flex; min-height: 3px; height: var(--bar); border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, #2d8a70, #087a67); }
.finance-analytics-bars > span small { position: absolute; top: calc(100% + 8px); left: 50%; color: var(--muted); font-size: 9px; white-space: nowrap; transform: translateX(-50%) rotate(-45deg); transform-origin: top center; }
.finance-analytics-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.finance-analytics-summary > div { display: grid; gap: 5px; padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: #fbfefb; }
.finance-analytics-summary span, .finance-analytics-summary small { color: var(--muted); font-size: 11px; }
.finance-analytics-summary strong { color: var(--finance-navy); font-size: 22px; }
.tiktok-shop-connection { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 4px solid #111; background: linear-gradient(145deg, #fff8fb, #fff 70%); }
.tiktok-shop-connection h2 { margin: 4px 0 0; color: var(--finance-navy); font-size: 27px; }
.tiktok-shop-connection p:last-child { max-width: 760px; margin: 8px 0 0; color: var(--muted); line-height: 1.55; }
.tiktok-shop-connection-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 12px; }
.finance-status-pill { display: inline-flex; width: max-content; border-radius: 999px; padding: 7px 11px; font-size: 11px; font-weight: 850; white-space: nowrap; }
.finance-status-pill--success { color: #076047; background: #e3f5ee; }
.finance-status-pill--warning { color: #8a4d00; background: #fff0d7; }
.tiktok-shop-checklist { display: grid; gap: 12px; }
.tiktok-shop-checklist > div { display: grid; gap: 4px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff9fb; }
.tiktok-shop-checklist strong { color: var(--finance-navy); }
.tiktok-shop-checklist span { color: var(--muted); font-size: 13px; line-height: 1.45; }
.tiktok-shop-links { display: flex; flex-wrap: wrap; gap: 10px; }
.tiktok-shop-settings-form { display: grid; gap: 20px; }
.tiktok-shop-settings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 0; }
.tiktok-shop-settings-grid label { display: grid; gap: 6px; }
.tiktok-shop-settings-grid label span { color: #344054; font-size: 13px; font-weight: 800; }
.tiktok-shop-settings-grid label small { color: var(--muted); font-size: 11px; font-weight: 500; }
.tiktok-shop-settings-grid input, .tiktok-shop-settings-grid select { min-height: 44px; box-sizing: border-box; width: 100%; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); background: #fff; font: inherit; }
.tiktok-shop-clear-grid { display: flex; flex-wrap: wrap; gap: 14px 24px; color: var(--muted); font-size: 12px; font-weight: 800; }
.tiktok-shop-callback-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff9fb; }
.tiktok-shop-callback-card code { overflow-wrap: anywhere; color: var(--finance-navy); font-size: 13px; }
.section-heading-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.shopify-settings-form { display: grid; gap: 20px; }
.shopify-settings-panel { border-top: 4px solid #95bf47; }
.shopify-settings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 0; }
.shopify-settings-grid label, .current-password-field { display: grid; gap: 6px; }
.shopify-settings-grid label span, .current-password-field span { color: #344054; font-size: 13px; font-weight: 800; }
.shopify-settings-grid label small { color: var(--muted); font-size: 11px; font-weight: 500; line-height: 1.45; }
.shopify-settings-grid input, .current-password-field input { min-height: 44px; box-sizing: border-box; width: 100%; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); background: #fff; font: inherit; }
.shopify-settings-clear { color: var(--muted); font-size: 12px; font-weight: 800; }
.shopify-settings-checklist { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.shopify-settings-checklist > div { display: grid; gap: 5px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfd; }
.shopify-settings-checklist strong { color: var(--finance-navy); }
.shopify-settings-checklist span { color: var(--muted); font-size: 13px; line-height: 1.45; }
.finance-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 12px 34px rgba(16,24,40,.06); }
.finance-metric-grid > * { display: flex; min-width: 0; flex-direction: column; gap: 6px; padding: 23px; color: var(--ink); border-right: 1px solid var(--line); text-decoration: none; }
.finance-metric-grid > *:last-child { border-right: 0; }
.finance-metric-grid > a:hover { background: #f5f7fa; }
.finance-metric-grid > *.is-warning { box-shadow: inset 0 3px 0 #b76b00; }
.finance-metric-grid span { color: var(--muted); font-size: 12px; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.finance-metric-grid strong { overflow-wrap: anywhere; color: var(--finance-navy); font-size: clamp(22px, 2.3vw, 30px); line-height: 1.15; }
.finance-metric-grid small { color: var(--muted); }
.finance-workspace-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.finance-workspace-grid > a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 18px; align-items: start; padding: 26px; color: var(--ink); border: 1px solid var(--line); border-radius: 18px; background: #fff; text-decoration: none; box-shadow: 0 10px 28px rgba(16,24,40,.04); transition: transform .15s ease, box-shadow .15s ease; }
.finance-workspace-grid > a:hover { transform: translateY(-2px); box-shadow: 0 16px 36px rgba(16,24,40,.09); }
.finance-card-index { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; color: var(--finance-teal); background: #e7f6f3; font-size: 12px; font-weight: 900; }
.finance-workspace-grid h2 { margin: 0; color: var(--finance-navy); font-size: 22px; }
.finance-workspace-grid p { margin: 7px 0 0; color: var(--muted); line-height: 1.55; }
.fees-command-grid > :last-child:nth-child(odd), .fees-secondary-grid > :last-child:nth-child(odd), .finance-workspace-grid > :last-child:nth-child(odd) { grid-column: 1 / -1; }
.finance-dashboard-split > :only-child { grid-column: 1 / -1; }
.finance-dashboard-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
.finance-dashboard-split > * { width: 100%; max-width: none; box-sizing: border-box; }
.finance-panel { width: 100%; max-width: none; min-width: 0; box-sizing: border-box; margin: 0 !important; padding: 28px !important; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 10px 30px rgba(16,24,40,.045); }
.finance-panel .section-heading { align-items: start; }
.finance-panel table small { display: block; margin-top: 4px; color: var(--muted); }
.finance-readiness-list { display: grid; gap: 0; border-top: 1px solid var(--line); }
.finance-readiness-list article { display: flex; justify-content: space-between; gap: 18px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.finance-readiness-list article > div { display: grid; gap: 6px; }
.finance-readiness-list article > div:last-child { justify-items: end; text-align: right; }
.finance-readiness-list small { color: var(--muted); }
.finance-status { display: inline-flex; width: max-content; border-radius: 999px; padding: 5px 9px; color: #475467; background: #eef1f4; font-size: 11px; font-weight: 850; letter-spacing: .02em; white-space: nowrap; }
.finance-status-paid, .finance-status-active, .finance-status-processed { color: #076047; background: #e3f5ee; }
.finance-status-pending, .finance-status-received, .finance-status-trialing, .finance-status-draft, .finance-status-coming-soon { color: #8a4d00; background: #fff0d7; }
.finance-status-failed, .finance-status-refunded, .finance-status-canceled { color: #9b2638; background: #fde9ed; }
.finance-status-ignored, .finance-status-archived { color: #5f6777; background: #eceff3; }
.finance-empty { display: grid; gap: 5px; padding: 20px 4px; color: var(--muted); }
.finance-empty strong { color: var(--finance-navy); font-size: 16px; }
.finance-empty.is-ready { padding-left: 14px; border-left: 4px solid var(--finance-teal); }
.finance-filter { display: grid; grid-template-columns: minmax(220px, 1.5fr) minmax(150px, .7fr) minmax(150px, .7fr) auto auto; gap: 12px; align-items: end; margin-bottom: 22px; }
.finance-filter label { display: grid; gap: 6px; color: #344054; font-size: 13px; font-weight: 800; }
.finance-filter input, .finance-filter select { min-height: 44px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); background: #fff; font: inherit; }
.finance-filter > a { align-self: center; color: var(--muted); font-weight: 800; }
.finance-error { max-width: 360px; color: #9b2638 !important; }
.finance-workbench-note { display: flex; width: 100%; max-width: none; justify-content: space-between; gap: 24px; align-items: center; border-left: 5px solid var(--finance-teal); }
.finance-workbench-note h2, .finance-workbench-note p { margin: 0; }
.finance-workbench-note p:last-child { max-width: 840px; margin-top: 7px; color: var(--muted); line-height: 1.6; }
.finance-results-heading { margin-bottom: 18px; }
.finance-order-filter { margin-bottom: 18px; }
.finance-order-row--refunded { box-shadow: inset 4px 0 0 #d85065; }
.finance-order-row--pending { box-shadow: inset 4px 0 0 #d8a326; }
.finance-order-row--failed, .finance-order-row--canceled { box-shadow: inset 4px 0 0 #9b2638; }
.finance-order-state { display: flex; justify-content: space-between; gap: 28px; align-items: center; border-left: 5px solid var(--finance-teal); }
.finance-order-state h2, .finance-order-state p { margin: 0; }
.finance-order-state p:last-child { max-width: 780px; margin-top: 7px; color: var(--muted); line-height: 1.6; }
.finance-order-state--waiting { border-left-color: var(--finance-gold); }
.finance-order-state--warning, .finance-order-state--reversed { border-left-color: #d85065; }
.finance-order-state-metrics, .finance-ledger-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; min-width: min(100%, 680px); border: 1px solid var(--line); border-radius: 14px; background: #fbfcfd; }
.finance-order-state-metrics > div, .finance-ledger-summary > div { display: grid; gap: 5px; padding: 16px; border-right: 1px solid var(--line); }
.finance-order-state-metrics > div:last-child, .finance-ledger-summary > div:last-child { border-right: 0; }
.finance-order-state-metrics span, .finance-ledger-summary span { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.finance-order-state-metrics strong, .finance-ledger-summary strong { color: var(--finance-navy); font-size: 18px; }
.finance-order-workbench { align-items: stretch; }
.finance-order-checklist { display: grid; gap: 10px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.finance-order-checklist > div { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 11px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #fbfcfd; }
.finance-order-checklist > div > span { grid-row: 1 / span 2; width: 12px; height: 12px; border-radius: 999px; background: var(--finance-gold); }
.finance-order-checklist > div.is-complete > span { background: var(--finance-teal); }
.finance-order-checklist strong { color: var(--finance-navy); font-size: 14px; }
.finance-order-checklist small { grid-column: 2; color: var(--muted); }
.finance-ledger-summary { margin-bottom: 18px; }
.finance-ledger-summary strong { overflow-wrap: anywhere; }
.finance-reconciliation-guide { display: grid; grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr); gap: 26px; align-items: center; border-left: 5px solid var(--finance-teal); }
.finance-reconciliation-guide h2, .finance-reconciliation-guide p { margin: 0; }
.finance-reconciliation-guide p:last-child { margin-top: 7px; color: var(--muted); line-height: 1.6; }
.finance-reconciliation-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.finance-reconciliation-steps a { display: grid; gap: 5px; min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); background: #fbfcfd; text-decoration: none; }
.finance-reconciliation-steps a:hover { border-color: color-mix(in srgb, var(--finance-teal) 30%, var(--line)); background: #f4faf8; }
.finance-reconciliation-steps span { color: var(--finance-teal); font-size: 11px; font-weight: 900; }
.finance-reconciliation-steps strong { color: var(--finance-navy); }
.finance-reconciliation-steps small { color: var(--muted); line-height: 1.35; }
.finance-reconciliation-steps a.is-warning { box-shadow: inset 0 3px 0 var(--finance-gold); }
.finance-reconciliation-steps a.is-ready { box-shadow: inset 0 3px 0 var(--finance-teal); }
.finance-event-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; margin-bottom: 16px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfd; }
.finance-event-summary div { display: flex; justify-content: space-between; gap: 10px; padding: 13px 14px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.finance-event-summary div:nth-child(2n) { border-right: 0; }
.finance-event-summary span { color: var(--muted); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.finance-event-summary strong { color: var(--finance-navy); }
.finance-scope-note { display: flex; align-items: center; justify-content: space-between; gap: 28px; border-left: 5px solid var(--finance-gold); }
.finance-scope-note h2, .finance-scope-note p { margin: 0; }
.finance-scope-note p:last-child { max-width: 900px; margin-top: 7px; color: var(--muted); }
.finance-external-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; margin-top: 20px; border: 1px solid var(--line); border-radius: 14px; }
.finance-external-metrics > div { display: grid; gap: 6px; padding: 18px; border-right: 1px solid var(--line); }
.finance-external-metrics > div:last-child { border-right: 0; }
.finance-external-metrics span { color: var(--muted); font-size: 11px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.finance-external-metrics strong { color: var(--finance-navy); font-size: 21px; }
.finance-shopify-snapshot { border-top: 4px solid #95bf47; }
.finance-shopify-launch { border-top: 4px solid #7c3aed; }
.finance-shopify-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 20px; }
.finance-shopify-review-card { display: grid; gap: 7px; min-width: 0; padding: 20px; border: 1px solid #e1d8f7; border-radius: 15px; background: linear-gradient(145deg, #fbf9ff 0%, #fff 78%); }
.finance-shopify-review-card > span { color: #7c3aed; font: 850 11px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .08em; }
.finance-shopify-review-card strong { color: var(--finance-navy); font-size: 17px; }
.finance-shopify-review-card p { margin: 0; color: var(--muted); line-height: 1.5; }
.finance-shopify-review-card small { color: #6e5b96; font-size: 11px; font-weight: 850; letter-spacing: .035em; text-transform: uppercase; }
.finance-shopify-launch-note { margin-top: 16px; border-left-color: #7c3aed; }
.finance-shopify-launch-note > div { color: var(--muted); line-height: 1.5; }
.finance-shopify-launch-note strong { color: var(--finance-navy); }
.finance-shopify-product-list { display:grid; gap:12px; margin-top:20px; }
.finance-shopify-product-list article { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr); gap:24px; padding:20px; border:1px solid var(--line); border-radius:14px; background:#fbfcfd; }
.finance-shopify-product-list h3 { margin:9px 0 3px; color:var(--finance-navy); }
.finance-shopify-product-list small { color:var(--muted); }
.finance-shopify-product-list dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; }
.finance-shopify-product-list dt { color:var(--muted); font-size:11px; font-weight:850; text-transform:uppercase; }
.finance-shopify-product-list dd { margin:4px 0 0; overflow-wrap:anywhere; }
.finance-amazon-snapshot { border-top: 4px solid #ff9900; }
.amazon-affiliate-admin-grid { display:grid; grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr); gap:20px; align-items:start; }
.amazon-affiliate-form { display:grid; gap:16px; }
.amazon-affiliate-form label { display:grid; gap:7px; color:#344054; font-size:13px; font-weight:800; }
.amazon-affiliate-form input:not([type="checkbox"]), .amazon-affiliate-form select, .amazon-affiliate-form textarea { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--line); border-radius:9px; background:#fff; color:var(--ink); font:inherit; }
.amazon-affiliate-form textarea { resize:vertical; }
.amazon-affiliate-form label small { color:var(--muted); font-weight:500; }
.amazon-form-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.amazon-disclosure-preview { margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.amazon-api-search { display:grid; grid-template-columns:minmax(220px,1fr) minmax(150px,.35fr) auto; gap:12px; align-items:end; margin-top:20px; }
.amazon-api-search label { display:grid; gap:6px; color:#344054; font-size:13px; font-weight:800; }
.amazon-api-search input { min-height:44px; padding:9px 11px; border:1px solid var(--line); border-radius:9px; color:var(--ink); background:#fff; font:inherit; }
.amazon-search-results { display:grid; gap:10px; margin-top:18px; }
.amazon-search-results article { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:16px 18px; border:1px solid var(--line); border-radius:12px; background:#fbfcfd; }
.amazon-search-results article > div { display:grid; gap:5px; }
.amazon-search-results small { color:var(--muted); }
.amazon-filter { grid-template-columns:minmax(180px,1fr) minmax(130px,.5fr) auto auto; }
.amazon-review-list { display:grid; gap:12px; }
.amazon-review-list article { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:18px; align-items:center; padding:18px; border:1px solid var(--line); border-radius:14px; background:#fbfcfd; }
.amazon-review-list h3 { margin:8px 0 4px; color:var(--finance-navy); }
.amazon-review-list small { color:var(--muted); }
.amazon-review-heading { display:flex; flex-wrap:wrap; gap:6px; }
.amazon-review-list dl { display:flex; gap:18px; margin:0; }
.amazon-review-list dl div { min-width:70px; }
.amazon-review-list dt { color:var(--muted); font-size:10px; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.amazon-review-list dd { margin:4px 0 0; font-size:12px; font-weight:750; }
.ybag-amazon-store { padding:72px clamp(20px,5vw,76px); background:#fffaf2; }
.ybag-amazon-disclosure { margin:18px 0 24px; padding:13px 16px; border-left:4px solid #ff9900; background:#fff; color:#5f4b30; font-size:14px; }
.ybag-amazon-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.ybag-amazon-card { display:flex; flex-direction:column; overflow:hidden; border:1px solid #eadfce; border-radius:22px; background:#fff; box-shadow:0 14px 35px rgba(66,46,20,.07); }
.ybag-amazon-card-art { display:grid; min-height:210px; place-items:center; overflow:hidden; background:linear-gradient(145deg,#fff8e9,#f4e5ca); color:#684f2b; font-size:20px; font-weight:900; letter-spacing:.08em; text-align:center; }
.ybag-amazon-card-art img { width:100%; height:100%; max-height:280px; object-fit:contain; }
.ybag-amazon-card-copy { display:flex; flex:1; flex-direction:column; align-items:flex-start; gap:13px; padding:24px; }
.ybag-amazon-card-copy h3, .ybag-amazon-card-copy p { margin:0; }
.ybag-amazon-card-copy p { color:var(--muted); line-height:1.65; }
.ybag-amazon-card-copy dl { display:flex; flex-wrap:wrap; gap:16px; width:100%; margin:0; }
.ybag-amazon-card-copy dt { color:var(--muted); font-size:10px; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.ybag-amazon-card-copy dd { margin:3px 0 0; font-weight:800; }
.ybag-amazon-card-copy .ybag-button { margin-top:auto; }
.ybag-amazon-safety { display:block; color:#6d552f; line-height:1.5; }
.finance-offer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.finance-offer-grid article { display: grid; gap: 18px; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: #fbfcfd; }
.finance-offer-grid article header { display: flex; justify-content: space-between; gap: 18px; align-items: start; }
.finance-offer-grid article h3 { margin: 10px 0 3px; color: var(--finance-navy); font-size: 21px; }
.finance-offer-grid article small { color: var(--muted); }
.finance-offer-price { display: flex; flex-wrap: wrap; gap: 10px; align-items: baseline; }
.finance-offer-price strong { color: var(--finance-navy); font-size: 27px; }
.finance-offer-price del { color: var(--muted); }
.finance-offer-grid dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.finance-offer-grid dl div { padding: 12px 0; border-top: 1px solid var(--line); }
.finance-offer-grid dt { color: var(--muted); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.finance-offer-grid dd { margin: 5px 0 0; font-weight: 800; }
.finance-entitlement-list, .finance-entitlement-stack { display: flex; flex-wrap: wrap; gap: 7px; }
.finance-entitlement-list code, .finance-entitlement-stack code { padding: 6px 8px; border-radius: 7px; color: #32406c; background: #edf0fa; font-size: 12px; }
.finance-entitlement-stack { display: grid; }
.finance-entitlement-stack code { padding: 10px 12px; }
.finance-order-layout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr); gap: 20px; align-items: start; }
.finance-detail-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--line); }
.finance-detail-list div { padding: 17px 0; border-bottom: 1px solid var(--line); }
.finance-detail-list dt { color: var(--muted); font-size: 11px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.finance-detail-list dd { margin: 5px 0 0; overflow-wrap: anywhere; }
.finance-order-actions { justify-content: flex-start; }
.products-admin-shell { gap: 24px; }
.product-admin-handoff { overflow: hidden; border-top-color: #c83d46 !important; }
.product-admin-handoff-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.product-admin-handoff-grid > a { position: relative; display: grid; min-width: 0; gap: 7px; padding: 22px; color: var(--ink); border-right: 1px solid var(--line); text-decoration: none; }
.product-admin-handoff-grid > a:last-child { border-right: 0; }
.product-admin-handoff-grid > a:hover { background: #fff4f5; }
.product-admin-handoff-grid span { color: #a12d38; font: 850 11px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .08em; }
.product-admin-handoff-grid strong { font-size: 18px; line-height: 1.2; }
.product-admin-handoff-grid small { color: var(--muted); line-height: 1.45; }
.product-admin-handoff-grid b { margin-top: 5px; color: #a12d38; font-size: 12px; letter-spacing: .045em; text-transform: uppercase; }

/* Office-blue administration treatment; storefront and customer pages are unaffected. */
.theme-products-admin .products-admin-shell > .admin-page-heading,
.theme-products-admin .products-admin-shell > .metric-strip,
.theme-products-admin .products-admin-shell > .admin-section,
.theme-products-admin .products-admin-shell > .alert {
  width: 100%;
  max-width: 1380px;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.theme-products-admin .products-admin-shell > .admin-page-heading {
  min-height: 170px;
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid #0b4c99;
  border-left: 7px solid #60a5fa;
  border-radius: 24px;
  color: #fff;
  background: radial-gradient(circle at 0 0, rgba(191,219,254,.18), transparent 40%), radial-gradient(circle at 100% 100%, rgba(14,165,233,.16), transparent 44%), linear-gradient(110deg, #071f52, #0b4c99 48%, #1268c4);
  box-shadow: 0 18px 46px rgba(20,43,92,.15);
}

.theme-products-admin .admin-page-heading h1 { color: #fff; }
.theme-products-admin .admin-page-heading .eyebrow { color: #bfdbfe; }
.theme-products-admin .admin-page-heading p:not(.eyebrow) { color: #e6efff; }
.theme-products-admin .admin-page-heading .button { border-color: #bfdbfe; color: #08255b; background: #dbeafe; }
.theme-products-admin .admin-page-heading .secondary-button { border-color: rgba(255,255,255,.58); color: #fff; background: rgba(2,6,23,.24); }
.theme-products-admin .products-admin-shell > .admin-section { border-top-color: #1268c4; }
.theme-products-admin .metric-strip > div { box-shadow: inset 0 3px 0 #1268c4; }
.theme-products-admin .product-admin-handoff-grid > a:hover { background: #eff6ff; }
.theme-products-admin .product-admin-handoff-grid span,
.theme-products-admin .product-admin-handoff-grid b { color: #0b4c99; }
.theme-products-admin :is(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid rgba(18,104,196,.4); outline-offset: 3px; }

@media (max-width: 720px) {
  .theme-products-admin .products-admin-shell > .admin-page-heading { align-items: flex-start; flex-direction: column; }
  .theme-products-admin .admin-heading-actions { width: 100%; flex-wrap: wrap; }
}

@media (max-width: 1080px) { .ybag-store-grid { grid-template-columns: 1fr; } }
@media (max-width: 800px) {
  .tiktok-shop-connection { align-items: flex-start; flex-direction: column; }
  .tiktok-shop-connection-actions { justify-content: flex-start; }
  .tiktok-shop-settings-grid { grid-template-columns: 1fr; }
  .shopify-settings-grid, .shopify-settings-checklist { grid-template-columns: 1fr; }
  .section-heading-actions { justify-content: flex-start; }
  .fees-overview-hero, .fees-partner-heading, .fees-scope-note { align-items: flex-start; flex-direction: column; }
  .fees-dashboard-hero { grid-template-columns: 1fr; }
  .fees-dashboard-hero-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fees-dashboard-hero-status { grid-column: 1 / -1; }
  .fees-page-hero { grid-template-columns: 1fr; }
  .fees-page-hero-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fees-page-gauge-heading { align-items: flex-start; flex-direction: column; }
  .fees-page-gauge-grid { grid-template-columns: 1fr; }
  .fees-development-grid { grid-template-columns: 1fr; }
  .fees-dashboard-period-heading { align-items: flex-start; flex-direction: column; }
  .fees-dashboard-period-heading small { max-width: 680px; text-align: left; }
  .fees-dashboard-period-tools { width: 100%; margin-left: 0; }
  .fees-dashboard-period-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fees-health-heading { align-items: flex-start; flex-direction: column; }
  .fees-health-heading small { max-width: 680px; text-align: left; }
  .fees-health-grid { grid-template-columns: 1fr; }
  .fees-health-card { min-height: 390px; }
  .fees-channel-health-grid { grid-template-columns: 1fr; }
  .fees-attention-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .finance-settings-target-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fees-settings-fake-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fees-future-trend-grid { grid-template-columns: 1fr; }
  .fees-partner-affiliates { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fees-partner-affiliates > div:first-child { grid-column: 1 / -1; }
  .fees-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fees-metric-grid > a:nth-child(2n) { border-right: 0; }
  .fees-metric-grid > a:nth-child(-n+2) { border-bottom: 1px solid #e8f0e6; }
  .fees-partner-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fees-traffic-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fees-traffic-strip a { grid-column: 1 / -1; }
  .fees-activity-grid, .fees-secondary-grid { grid-template-columns: 1fr; }
  .fees-secondary-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fees-secondary-metrics > div:nth-child(2n) { border-right: 0; }
  .fees-secondary-metrics > div:nth-child(-n+2) { border-bottom: 1px solid #e5eee2; }
  .finance-system-overview-grid { grid-template-columns: 1fr; }
  .finance-system-overview-header { align-items: start; }
  .finance-overview-meta { justify-items: start; }
  .fees-workspace-header { align-items: flex-start; flex-direction: column; gap: 8px; padding-top: 14px; padding-bottom: 12px; }
  .fees-workspace-header .finance-nav { width: 100%; overflow: visible; }
  .finance-nav-menu-panel { grid-template-columns: repeat(2, minmax(145px, 1fr)); }
  .product-catalog, .account-product-layout { grid-template-columns: 1fr; }
  .ybag-product-card, .ybag-product-detail { grid-template-columns: 1fr; }
  .ybag-store-hero-grid, .ybag-purchase-note, .ybag-product-preview, .ybag-product-use { grid-template-columns: 1fr; }
  .ybag-store-hero-art { width:min(440px,100%); }
  .ybag-store-system-card { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ybag-store-system-card > div { min-height:150px; }
  .ybag-product-art img { max-height: 280px; }
  .ybag-product-assurance { grid-template-columns: 1fr; }
  .ybag-product-assurance div { border-right: 0; border-bottom: 1px solid var(--line); }
  .ybag-download-library article { grid-template-columns: 1fr; }
  .ybag-download-grid, .ybag-download-admin-grid { grid-template-columns: 1fr; }
  .ybag-download-library article img { max-width: 300px; }
  .finance-metric-grid, .finance-analytics-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .finance-metric-grid > * { border-bottom: 1px solid var(--line); }
  .finance-metric-grid > *:nth-child(2n) { border-right: 0; }
  .finance-workspace-grid, .finance-dashboard-split, .amazon-affiliate-admin-grid, .amazon-api-search, .finance-reconciliation-guide { grid-template-columns: 1fr; }
  .finance-workbench-note, .finance-order-state { display: grid; align-items: start; }
  .finance-order-state-metrics, .finance-ledger-summary, .finance-reconciliation-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .finance-order-state-metrics > div, .finance-ledger-summary > div { border-bottom: 1px solid var(--line); }
  .finance-order-state-metrics > div:nth-child(2n), .finance-ledger-summary > div:nth-child(2n) { border-right: 0; }
  .finance-shopify-product-list article, .finance-shopify-review-grid { grid-template-columns:1fr; }
  .finance-offer-grid, .finance-order-layout, .product-admin-handoff-grid { grid-template-columns: 1fr; }
  .product-admin-handoff-grid > a { border-right: 0; border-bottom: 1px solid var(--line); }
  .product-admin-handoff-grid > a:last-child { border-bottom: 0; }
  .finance-external-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .finance-external-metrics > div { border-bottom: 1px solid var(--line); }
  .finance-external-metrics > div:nth-child(2n) { border-right: 0; }
  .finance-filter { grid-template-columns: 1fr 1fr; }
  .finance-filter label:first-child { grid-column: 1 / -1; }
  .finance-scope-note { display: grid; }
  .ybag-store-section-heading { display:grid; align-items:start; }
  .ybag-ebook-shelf { grid-template-columns:1fr; }
  .ybag-shopify-grid, .ybag-amazon-grid { grid-template-columns:1fr; }
  .ybag-ebook-store-card { display:grid; grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr); column-gap:24px; }
  .ybag-ebook-store-card .ebook-box-link { grid-row:1 / span 5; }
  .ybag-shopify-placeholder { grid-template-columns:1fr; }
}
@media (max-width: 520px) {
  .fees-overview-hero { padding: 24px; }
  .fees-dashboard-hero { padding: 24px; }
  .fees-dashboard-hero-stats { grid-template-columns: 1fr; }
  .fees-dashboard-hero-status { grid-column: auto; }
  .fees-dashboard-hero-actions { display: grid; }
  .fees-dashboard-action { justify-content: center; }
  .fees-dashboard-connection-row { flex-wrap: wrap; }
  .fees-dashboard-connection { flex-basis: 100%; }
  .fees-page-hero { padding: 24px; }
  .fees-page-hero-stats { grid-template-columns: 1fr; }
  .fees-page-hero-actions { display: grid; }
  .fees-page-hero-actions .fees-dashboard-action { justify-content: center; }
  .fees-development-card { grid-template-columns: 1fr; }
  .fees-development-card-gauge { justify-self: start; }
  .fees-dashboard-period-tabs { grid-template-columns: 1fr; }
  .fees-dashboard-period-tools { align-items: flex-start; flex-direction: column; }
  .fees-dashboard-period-tools .fees-dashboard-action { width: 100%; }
  .fees-stats-simulation-banner { align-items: flex-start; flex-direction: column; }
  .fees-partner-affiliates { grid-template-columns: 1fr; }
  .fees-partner-affiliates > div:first-child { grid-column: auto; }
  .fees-health-card { min-height: 370px; padding: 20px; }
  .fees-attention-grid { grid-template-columns: 1fr; }
  .finance-settings-target-grid { grid-template-columns: 1fr; }
  .fees-settings-fake-grid { grid-template-columns: 1fr; }
  .fees-metric-grid, .fees-command-grid, .fees-partner-grid, .fees-secondary-metrics { grid-template-columns: 1fr; }
  .fees-traffic-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fees-metric-grid > a { border-right: 0; border-bottom: 1px solid #e8f0e6; }
  .fees-metric-grid > a:last-child, .fees-secondary-metrics > div:last-child { border-bottom: 0; }
  .fees-command-grid > a { padding: 19px; }
  .fees-partner-panel { padding: 22px; }
  .fees-partner-grid > div { min-height: 88px; }
  .fees-secondary-metrics > div { border-right: 0; border-bottom: 1px solid #e5eee2; }
  .fees-scope-note { padding: 21px; }
  .finance-system-overview { padding: 20px; }
  .finance-system-overview-header { display: grid; }
  .finance-overview-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .finance-partner-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .fees-workspace-brand strong { display: none; }
  .finance-nav-menu-panel { grid-template-columns: 1fr; width: min(320px, calc(100vw - 36px)); max-height: calc(100vh - 120px); overflow-y: auto; }
  .finance-nav-menu-heading { align-items: flex-start; flex-direction: column; }
  .ybag-store-hero { padding-right:18px; padding-left:18px; }
  .ybag-store-hero-art { border-radius:24px; padding:20px 20px 18px; }
  .ybag-store-hero-badge { top:14px; right:-5px; }
  .ybag-store-grid { padding-right: 18px; padding-left: 18px; }
  .ybag-product-card { border-radius: 20px; }
  .ybag-product-content { padding: 26px; }
  .ybag-included-list { grid-template-columns: 1fr; }
  .ybag-download-empty { padding: 30px 20px; }
  .finance-metric-grid, .finance-analytics-summary, .finance-filter { grid-template-columns: 1fr; }
  .finance-metric-grid > * { border-right: 0; }
  .finance-workspace-grid > a { grid-template-columns: auto minmax(0, 1fr); }
  .finance-workspace-grid > a > span:last-child { display: none; }
  .finance-panel { padding: 20px !important; }
  .finance-external-metrics, .finance-detail-list, .finance-order-state-metrics, .finance-ledger-summary, .finance-reconciliation-steps, .finance-event-summary { grid-template-columns: 1fr; }
  .finance-order-state-metrics > div, .finance-ledger-summary > div, .finance-event-summary div { border-right: 0; }
  .finance-external-metrics > div { border-right: 0; }
  .finance-offer-grid dl { grid-template-columns: 1fr; }
  .finance-shopify-product-list dl { grid-template-columns:1fr; }
  .amazon-form-row, .amazon-review-list article { grid-template-columns:1fr; }
  .amazon-review-list dl { flex-wrap:wrap; }
  .amazon-search-results article { align-items:flex-start; flex-direction:column; }
  .ybag-ebook-store-card { display:flex; }
  .ybag-store-system-card { grid-template-columns:1fr; }
  .ybag-store-system-card > div { min-height:130px; }
  .ybag-store-card-actions { align-items:flex-start; flex-direction:column; }
  .ybag-shopify-placeholder>div:last-child { grid-template-columns:1fr; }
  .ybag-shopify-placeholder i:not(:first-child) { display:none; }
}
.ybag-fixed-review {
  width: min(100% - 2rem, 960px);
  margin: 0 auto;
  padding: clamp(3rem, 8vw, 7rem) 0;
}

.ybag-fixed-review-card {
  padding: clamp(1.5rem, 4vw, 3.5rem);
  border: 1px solid rgba(16, 87, 57, .18);
  border-radius: 2rem;
  background: linear-gradient(145deg, #fff 0%, #f4fbf7 100%);
  box-shadow: 0 1.5rem 4rem rgba(17, 62, 45, .12);
}

.ybag-fixed-review-card h1 {
  max-width: 18ch;
  margin: .35rem 0 1rem;
}

.ybag-fixed-review-product {
  margin: 0;
  font-weight: 800;
  color: #173e30;
}

.ybag-fixed-review-price {
  margin: .25rem 0 1.5rem;
  color: #b9262b;
  font-size: clamp(2.4rem, 7vw, 4.8rem);
  font-weight: 900;
  line-height: 1;
}

.ybag-fixed-review-price small {
  display: inline-block;
  color: #48665a;
  font-size: 1rem;
  font-weight: 700;
}

.ybag-fixed-review-summary,
.ybag-fixed-review-terms {
  margin: 1rem 0;
  padding: 1.1rem 1.25rem;
  border-radius: 1rem;
  background: #fff;
}

.ybag-fixed-review-consent {
  display: grid;
  grid-template-columns: 1.4rem 1fr;
  gap: .75rem;
  align-items: start;
  margin: 1.25rem 0;
  font-weight: 750;
}

.ybag-fixed-review-consent input {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: .15rem;
}

.ybag-fixed-review-note {
  margin: 1.25rem 0 0;
  color: #567065;
  font-size: .9rem;
}