/* Shared KBV DataPro presentation for customer subscription pages. */
:root{--brand:#4f46e5;--purple:#6a4cc2;--pink:#e5459b;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--surface:#fff;--focus:#a5b4fc}
*{box-sizing:border-box}
body.membership-platform{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--text);background:#fff;font:400 14px/1.6 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}
.skip-link{position:fixed;left:16px;top:-60px;padding:10px 16px;background:#fff;z-index:100;border:2px solid var(--brand);border-radius:6px}.skip-link:focus{top:10px}
.platform-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.platform-background>svg{width:100%;height:461px;min-width:1000px;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid #f0f1f4;box-shadow:0 1px 2px #00000005}.header-inner{max-width:1280px;padding:0 24px;min-height:64px;margin:auto;display:flex;align-items:center;gap:38px}.brand{flex:none;display:flex;align-items:center}.brand img{display:block;max-width:156px;width:auto;height:40px;object-fit:contain}
.desktop-nav{display:flex;align-items:center;gap:28px;flex:1}.desktop-nav a,.header-signin{font-weight:500;color:#374151;font-size:14px;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a[aria-current],.header-signin[aria-current]{color:var(--brand);text-decoration:none}.header-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.button-small{padding:8px 16px!important;min-height:38px!important}
.account-menu,.mobile-menu{position:relative}.account-menu summary,.mobile-menu summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;border-radius:8px;padding:6px 8px}.account-menu summary::-webkit-details-marker,.mobile-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover{background:#f9fafb}.account-menu summary>.icon{width:16px}.avatar{display:grid;place-items:center;background:var(--brand);color:#fff;border-radius:50%;width:36px;height:36px;font-size:13px;font-weight:600}.account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#374151}
.account-dropdown,.mobile-menu nav{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;background:#fff;border:1px solid #f0f1f4;border-radius:10px;padding:6px;box-shadow:0 8px 28px #11182714}.account-dropdown a,.mobile-menu nav a{display:block;padding:10px 12px;color:#374151;white-space:nowrap;border-radius:6px}.account-dropdown a:hover,.mobile-menu nav a:hover{background:#f9fafb;text-decoration:none}.account-dropdown form{margin:0}.signout-button{display:block;width:100%;border:0;text-align:left;padding:10px 12px;background:none;color:#dc2626;border-radius:6px}.signout-button:hover{background:#fef2f2}.mobile-menu{display:none}
.platform-main{width:100%;max-width:1280px;padding:40px 32px 56px;margin:0 auto;flex:1;min-width:0}
h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.3;font-weight:600;letter-spacing:-.45px;margin-bottom:10px}h2{font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.2px;margin-bottom:12px}h3{font-size:16px;font-weight:600}p{margin-bottom:16px}.muted{color:var(--muted)}.small{font-size:12px}.page-heading{margin-bottom:26px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.page-heading p{color:var(--muted);margin:0;max-width:720px}.page-heading .actions{margin:0;flex-shrink:0}.page-heading .back-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;margin-bottom:14px;color:#64748b}
.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 3px #11182705;padding:24px;min-width:0}.report-header{border-radius:12px;padding:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.report-header h1{font-size:28px}.report-header p:last-child{margin-bottom:0}.header-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.tag{display:inline-flex;align-items:center;gap:5px;background:#eef2ff;color:#4f46e5;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;line-height:1.5}.tag.pink{color:#be185d;background:#fdf2f8}.tag.purple{color:#6a4cc2;background:#faf5ff}.tag.green{color:#15803d;background:#f0fdf4}
.button,button.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid transparent;border-radius:8px;background:var(--brand);color:#fff;font-size:14px;font-weight:500;line-height:1.5;text-align:center;cursor:pointer;transition:background-color .15s,border-color .15s}.button:hover,button.button:hover{background:#4338ca;color:#fff;text-decoration:none}.button .icon{width:17px;height:17px}.button.secondary{color:#374151;border-color:#dfe3ec;background:#fff}.button.secondary:hover{background:#f9fafb;border-color:#c7d2fe}.button.subtle{background:#eef2ff;color:var(--brand)}.button.subtle:hover{background:#e0e7ff}.button.block{width:100%}.text-link{font-weight:500;display:inline-flex;align-items:center;gap:6px}.text-link .icon{width:16px;height:16px}
.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:32px 0 16px}.section-heading h2{margin:0}.section-heading p{margin:4px 0 0;color:var(--muted)}
.field{margin-bottom:18px;min-width:0}.field label{display:block;margin-bottom:7px;font-weight:500;color:#374151;font-size:13px}.field input,.field select,.filter-field input,.filter-field select{width:100%;min-height:46px;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:10px 12px;color:#111827;line-height:1.5;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.filter-field input:focus,.filter-field select:focus{outline:0;border-color:#818cf8;box-shadow:0 0 0 3px #eef2ff}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:#dc2626}.field input::placeholder,.filter-field input::placeholder{color:#9ca3af}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-heading a{font-size:12px;margin-bottom:7px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-error{display:block;color:#b91c1c;font-size:12px;margin-top:5px}.field-help{font-size:12px;color:var(--muted);margin:-8px 0 16px}.check{display:flex;align-items:flex-start;gap:9px;font-size:12px;font-weight:400;line-height:1.7;color:#4b5563;margin:16px 0}.check input{width:15px;height:15px;margin:3px 0 0;flex:none;accent-color:var(--brand)}
.password-field{position:relative}.password-field input{padding-right:44px}.password-toggle{position:absolute;top:3px;right:3px;bottom:3px;width:38px;border:0;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:5px;color:#64748b}.password-toggle:hover{background:#f3f4f6}.password-toggle[aria-pressed=true]{color:var(--brand)}.password-toggle .icon{width:18px;height:18px}
.notice,.errors{border-radius:8px;padding:14px 18px;margin:0 0 24px;border:1px solid;line-height:1.6}.notice{display:flex;gap:10px;align-items:flex-start;background:#f0fdf4;color:#166534;border-color:#bbf7d0}.notice>.icon{margin-top:1px;width:18px}.errors{color:#991b1b;background:#fff7f7;border-color:#fecaca}.errors ul{padding-left:20px;margin:6px 0 0}.errors strong{font-size:14px}
.auth-page .platform-main{padding-top:40px;padding-bottom:40px}.auth-shell{padding:0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;border-radius:8px;box-shadow:0 4px 20px #11182708;border-color:#e5e7eb}.auth-form-panel{padding:48px 52px;font-family:Inter,sans-serif}.auth-brand{display:block;margin:0 auto 32px;text-align:center}.auth-brand img{display:block;max-width:260px;width:75%;height:auto;max-height:68px;object-fit:contain;margin:auto}.auth-form-panel h1{font-size:23px;font-weight:600;letter-spacing:-.35px;margin-bottom:8px}.auth-intro{font-size:13px;margin-bottom:28px}.auth-submit{width:100%;background:linear-gradient(to right,#0271bb,#1e2f97)!important;border:0;min-height:46px!important;border-radius:5px!important}.auth-submit:hover{filter:brightness(.95)}.auth-switch{text-align:center;font-size:13px;margin:22px 0 0;color:#6b7280}.auth-switch a{font-weight:500}.auth-support{font-size:12px;color:#6b7280;text-align:center;margin-top:22px;padding-top:20px;border-top:1px solid #f0f1f4}.auth-support span{margin-right:5px}.remember-choice{margin:0 0 18px}
.auth-story{background:linear-gradient(to right,#0271bb,#1e2f97);color:#fff;display:flex;align-items:center;padding:52px 48px;font-family:Inter,sans-serif}.story-label{display:block;font-size:13px;font-weight:600;letter-spacing:.8px;margin-bottom:20px;color:#dbeafe}.auth-story h2{font-size:27px;line-height:1.55;font-weight:500;letter-spacing:-.4px;margin-bottom:18px;color:#fff}.auth-story p{font-size:14px;line-height:1.9;color:#e0edff;max-width:400px}.story-features{list-style:none;padding:0;margin:30px 0 34px;display:grid;gap:18px}.story-features li{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.75;color:#f1f5ff}.story-features .icon{width:20px;height:20px;stroke-width:2;background:#ffffff20;border-radius:50%;padding:3px;margin-top:1px}.story-support{border-top:1px solid #ffffff30;padding-top:24px;display:grid;gap:8px}.story-support span{font-size:12px;color:#dbeafe}.story-support a{font-size:18px;font-weight:500;color:#fff;letter-spacing:.3px}
.filter-shell{border:1px solid #e0e7ff;border-radius:24px;padding:24px;background:linear-gradient(110deg,#eef5ff 0%,#f8fafc 55%,#f5f2ff 100%);margin-bottom:28px}.filter-title{font-size:16px;font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.filters{display:grid;grid-template-columns:minmax(200px,2fr) minmax(180px,1fr) auto;align-items:end;gap:16px}.filter-field label{display:block;margin-bottom:7px;font-size:12px;font-weight:500;color:#374151}.filter-field input,.filter-field select{border-color:#dbe3f1;border-radius:10px;min-height:48px}.search-input{position:relative}.search-input>.icon{position:absolute;left:14px;top:15px;width:18px;height:18px;color:#94a3b8}.search-input input{padding-left:42px}.filters>.button{min-height:48px}.result-summary{margin:18px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6b7280;font-size:13px}.result-summary p{margin:0}.result-summary strong{color:#374151;font-weight:500}
.report-card{display:flex;flex-direction:column;padding:0;overflow:hidden}.report-card-top{padding:22px 22px 18px;flex:1}.report-card-top>.icon{width:25px;height:25px;color:var(--brand);margin-bottom:16px}.report-card h2{font-size:17px;line-height:1.55;margin:14px 0 12px;letter-spacing:0;font-weight:600}.report-card .report-kind{color:#6b7280;font-size:12px;margin:0}.report-card-actions{padding:16px 22px 20px;border-top:1px solid #f0f2f7;display:flex;align-items:center;justify-content:space-between;gap:12px}.report-card-actions .button{font-size:12px;min-height:38px;padding:8px 13px}.report-card-actions>.text-link{font-size:12px}.report-select{border-top:1px solid #f0f2f7;padding:0 22px 16px}.report-select summary{cursor:pointer;font-size:12px;font-weight:500;color:var(--brand);padding-top:14px}.report-select .check{margin:12px 0}.report-select .button{min-height:38px;font-size:12px;padding:8px 13px}.report-access-label{padding:0 22px 18px;margin:0;color:#6b7280;font-size:12px}
.empty-state{padding:48px 24px;text-align:center;border:1px solid var(--border);border-radius:16px;background:#fff}.empty-state>.icon{width:34px;height:34px;color:#a5b4fc;margin-bottom:14px}.empty-state h2{font-size:18px}.empty-state p{color:var(--muted);margin-bottom:20px}.empty-state .actions{justify-content:center}.pagination{margin-top:28px;font-size:13px}.pagination nav>div:first-child{display:flex;justify-content:space-between;gap:16px}.pagination nav>div:nth-child(2){display:none}.pagination a,.pagination span[aria-disabled=true]>span{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#4b5563}.pagination span[aria-disabled=true]>span{color:#9ca3af;background:#f9fafb}.pagination svg{width:18px;height:18px}
.pricing-grid{align-items:stretch;margin-top:28px}.plan-card{display:flex;flex-direction:column;padding:0;overflow:hidden}.plan-heading{border-bottom:1px solid #e5e7eb;padding:24px;background:#f8faff;border-top:3px solid var(--brand)}.plan-card:nth-child(2) .plan-heading{border-top-color:var(--purple);background:#fbf9ff}.plan-card:nth-child(3) .plan-heading{border-top-color:var(--pink);background:#fff9fc}.plan-heading h2{font-size:18px;margin-bottom:12px}.plan-allowance{margin:0;font-size:13px;color:#6b7280}.price{font-size:36px;line-height:1.3;letter-spacing:-1px;font-weight:600;margin:0 0 6px;color:#111827}.price small{font-size:12px;font-weight:400;color:#6b7280;letter-spacing:0}.price-reference{font-size:12px;color:#6b7280;margin:8px 0 0}.plan-body{padding:24px;flex:1;display:flex;flex-direction:column}.plan-features{padding:0;list-style:none;display:grid;gap:13px;margin:0 0 28px}.plan-features li{display:flex;gap:9px;align-items:flex-start;color:#4b5563;font-size:13px}.plan-features .icon{width:17px;height:17px;stroke-width:2;color:var(--brand);margin-top:2px}.plan-body form{margin-top:auto}.plan-body>.button{margin-top:auto}.plan-body .check{font-size:11px;margin:0 0 16px}.plan-note{font-size:12px;color:#64748b;border-top:1px solid #e5e7eb;margin-top:28px;padding-top:18px;line-height:1.8}.rate-note{background:#fff;border:1px solid var(--border);border-radius:10px;font-size:12px;color:#6b7280;padding:12px 16px;margin-top:20px}.rate-note strong{color:#374151}
.account-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px 0 30px}.account-stat{padding:22px;border-radius:16px;display:flex;gap:14px;align-items:center;color:#fff;background:#4f46e5;min-width:0}.account-stat:nth-child(2){background:#e5459b}.account-stat:nth-child(3){background:#eab308}.account-stat:nth-child(4){background:#16a34a}.account-stat-icon{display:grid;place-items:center;width:42px;height:46px;border-radius:10px;flex:none;background:#ffffff30}.account-stat-label{color:#ffffffe0;font-size:12px;margin-bottom:3px}.account-stat-value{font-size:17px;font-weight:600;line-height:1.4}.account-stat-value.date{font-size:15px}.selection-note{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #dfe3ef;border-left:3px solid var(--brand);border-radius:10px;padding:18px 20px;margin:24px 0}.selection-note p{margin:0;color:#4b5563;font-size:13px}
.table-card{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;white-space:nowrap}.data-table th{font-size:11px;font-weight:600;letter-spacing:.35px;text-transform:uppercase;color:#64748b;padding:14px 22px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.data-table td{padding:18px 22px;border-bottom:1px solid #f0f1f4;color:#374151}.data-table tbody tr:last-child td{border-bottom:0}.data-table .button{min-height:34px;padding:6px 12px;font-size:12px}.data-table small{display:block;color:#6b7280;font-size:11px;margin-top:3px}.status{display:inline-flex;font-size:11px;font-weight:500;border-radius:20px;padding:4px 10px;background:#f3f4f6;color:#4b5563}.status.active{background:#f0fdf4;color:#15803d}.status.pending{background:#fffbeb;color:#a16207}.status.suspended{background:#fef2f2;color:#b91c1c}.table-card .pagination{padding:0 22px 20px}
.sample-frame{display:block;width:100%;height:650px;border:1px solid var(--border);border-radius:16px;background:#fff}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:880px;margin:auto}.checkout-card h2{font-size:18px}.checkout-summary{display:grid;gap:14px;margin:24px 0}.checkout-summary>div{display:flex;justify-content:space-between;gap:20px;color:#6b7280;font-size:13px}.checkout-summary strong{color:#374151;font-weight:500}.checkout-total{border-top:1px solid #e5e7eb;padding-top:18px;margin-top:20px;display:flex;justify-content:space-between;align-items:center}.checkout-total strong{font-size:24px;font-weight:600}.checkout-security{font-size:12px;color:#6b7280;margin:20px 0 0;display:flex;align-items:flex-start;gap:7px}.checkout-security .icon{width:15px;height:15px;margin-top:3px}
.platform-footer{background:rgb(38,37,37);color:#fff;margin-top:auto}.footer-inner{max-width:1280px;padding:18px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px}.footer-contact{display:flex;align-items:center;gap:24px}.footer-contact strong{font-weight:600}.platform-footer a{color:#dbeafe}.platform-footer a:hover{color:#fff}.platform-footer nav{display:flex;gap:20px;flex-wrap:wrap}
@media(min-width:1440px){.auth-page .platform-main{padding-top:52px;padding-bottom:52px}}
@media(max-width:1100px){.header-inner{gap:24px}.desktop-nav{gap:20px}.header-actions{gap:14px}.auth-form-panel{padding:36px 32px}.auth-story{padding:36px}.auth-story h2{font-size:25px}.account-stats{gap:14px}.account-stat{padding:18px;gap:10px}.account-stat-icon{width:34px;height:40px}.account-stat-value{font-size:15px}.footer-inner{align-items:flex-start}.footer-contact{gap:10px 20px;flex-wrap:wrap}}
@media(max-width:960px){.desktop-nav{display:none}.mobile-menu{display:block}.platform-main{padding:28px 24px 40px}.auth-shell{grid-template-columns:1.1fr 1fr}.auth-form-panel{padding:32px 26px}.auth-story{padding:32px 26px}.auth-story h2{font-size:22px}.form-row{grid-template-columns:1fr;gap:0}.auth-story p,.story-features li{font-size:12px}.grid{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan-heading,.plan-body{padding:20px}.price{font-size:30px}.report-card-actions{gap:8px}.footer-inner{flex-direction:column;gap:14px}.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.account-stat{padding:20px}.account-stat-value{font-size:18px}}
@media(max-width:680px){.header-inner{padding:0 18px;gap:14px}.brand img{height:34px;max-width:136px}.header-register{display:none!important}.header-actions{gap:12px}.account-name{display:none}.account-menu summary{padding:4px}.platform-main{padding:24px 18px 32px}.page-heading{flex-direction:column;gap:16px;margin-bottom:22px}.page-heading .actions{width:100%}h1{font-size:25px}.card{padding:20px}.report-header{padding:20px;flex-direction:column;gap:18px}.report-header h1{font-size:24px}.report-header>.actions{margin:0}.auth-page .platform-main{padding-top:24px;padding-bottom:24px}.auth-shell{grid-template-columns:1fr;padding:0}.auth-form-panel{padding:30px 24px}.auth-brand{margin-bottom:26px}.auth-brand img{max-width:225px}.auth-form-panel h1{font-size:21px}.auth-story{padding:30px 24px}.auth-story h2{font-size:22px;line-height:1.5}.story-features{gap:13px;margin:22px 0}.story-features li,.auth-story p{font-size:13px}.story-support{padding-top:18px}.form-row{grid-template-columns:1fr}.grid,.pricing-grid{grid-template-columns:1fr;gap:18px}.filter-shell{padding:20px;border-radius:16px}.filters{grid-template-columns:1fr;gap:14px}.filters>.button{width:100%}.result-summary{align-items:flex-start;font-size:12px}.plan-heading,.plan-body{padding:24px}.price{font-size:36px}.report-card{padding:0}.report-card-top{padding:20px}.report-card-actions{padding:16px 20px}.report-select{padding-left:20px;padding-right:20px}.plan-card{padding:0}.account-stats{gap:12px}.account-stat{padding:16px;flex-direction:column;align-items:flex-start;gap:10px;border-radius:12px}.account-stat-value{font-size:17px}.account-stat-value.date{font-size:14px}.account-stat-icon{width:32px;height:34px}.account-stat-icon>.icon{width:18px;height:18px}.selection-note{align-items:flex-start;flex-direction:column;gap:12px}.table-card{padding:0}.section-heading{align-items:flex-start}.section-heading h2{font-size:18px}.section-heading .text-link{font-size:12px}.checkout-grid{grid-template-columns:1fr}.sample-frame{height:620px}.footer-inner{padding:22px 18px;font-size:12px}.footer-contact{align-items:flex-start;flex-direction:column;gap:8px}.platform-footer nav{gap:14px;font-size:11px}}
.pagination nav>ul{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0;margin:0}.pagination nav>ul .disabled>span{display:inline-flex;padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px;color:#9ca3af;background:#f9fafb}.report-select summary{min-height:44px}.section-heading>div{min-width:0;flex:1}.section-heading>.text-link{flex:none;white-space:nowrap}
@media(max-width:680px){.field input,.field select,.filter-field input,.filter-field select{font-size:16px}}
.upgrade-summary{display:grid;gap:9px;padding:14px 0;margin:0 0 18px;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;font-size:12px}.upgrade-summary>div{display:flex;justify-content:space-between;gap:10px}.upgrade-summary span{color:#6b7280}.upgrade-summary>div:last-child{font-size:14px}.upgrade-summary strong{font-weight:600}
/* Dark gradients for report cards and subscription plans. */
.report-card{--card-start:#304b99;--card-end:#18284f;--card-edge:#ffffff30;background:linear-gradient(135deg,var(--card-start),var(--card-end));border-color:var(--card-end);color:#fff;box-shadow:0 6px 20px #18284f1a}
.report-card:nth-child(6n+2){--card-start:#116b66;--card-end:#123c43}
.report-card:nth-child(6n+3){--card-start:#644299;--card-end:#30204f}
.report-card:nth-child(6n+4){--card-start:#923c69;--card-end:#4d2446}
.report-card:nth-child(6n+5){--card-start:#236385;--card-end:#17354e}
.report-card:nth-child(6n){--card-start:#835a30;--card-end:#463327}
.report-card:hover{box-shadow:0 9px 25px #18284f26}
.report-card h2,.report-card h2 a{color:#fff}
.report-card-top>.icon{width:40px;height:40px;padding:8px;background:#ffffff14;color:#fff;border:1px solid var(--card-edge);border-radius:10px}
.report-card .tag:not(.green){background:#ffffff14;color:#fff;border:1px solid var(--card-edge)}
.report-card .report-kind,.report-card .report-access-label,.report-card .check{color:#e5eaf5}
.report-card-actions{background:#00000018;border-top-color:var(--card-edge)}
.report-card-actions>.text-link,.report-select summary{color:#fff}
.report-card-actions>.text-link:hover,.report-select summary:hover{text-decoration:underline}
.report-select{border-top-color:var(--card-edge);background:#00000012}
.report-card .button:not(.secondary){background:#fff;color:#243557;border-color:#fff}
.report-card .button:not(.secondary):hover,.report-card .button:not(.secondary):focus-visible,.report-card .button:not(.secondary):active{background:#e5eaf5;color:#18284f}
.account-page .report-header{background:linear-gradient(115deg,#eef2ff,#faf7ff 60%,#fff);border-color:#dfe2f5}
.plan-card{--plan-start:#304b99;--plan-end:#18284f;--plan-edge:#ffffff30;--plan-ink:#243d80;background:linear-gradient(145deg,var(--plan-start),var(--plan-end));color:#fff;border-color:var(--plan-end);box-shadow:0 6px 22px #18284f1a}
.plan-card:nth-child(2){--plan-start:#684397;--plan-end:#30204f;--plan-ink:#533379}
.plan-card:nth-child(3){--plan-start:#963b68;--plan-end:#4d2446;--plan-ink:#802c58}
.pricing-grid .plan-card .plan-heading{background:#ffffff09;border-top-color:#ffffff55;border-bottom-color:var(--plan-edge)}
.plan-card .plan-heading h2,.plan-card .price{color:#fff}
.plan-card .plan-allowance,.plan-card .price small,.plan-card .price-reference,.plan-card .plan-features li,.plan-card .check,.plan-card .upgrade-summary span{color:#e5eaf5}
.plan-card .plan-features .icon{color:#fff}
.plan-card .upgrade-summary{border-color:var(--plan-edge)}
.plan-card .button:not(.secondary):not(:disabled){background:#fff;color:var(--plan-ink);border-color:#fff;font-weight:600}
.plan-card .button:not(.secondary):not(:disabled):hover,.plan-card .button:not(.secondary):not(:disabled):focus-visible,.plan-card .button:not(.secondary):not(:disabled):active{background:#e5eaf5;color:var(--plan-ink);border-color:#e5eaf5}
.plan-card .button:disabled{opacity:1;background:#ffffff14;color:#e5eaf5;border-color:var(--plan-edge);cursor:default}
.pricing-page .page-heading{padding:24px;border:1px solid #293c70;border-radius:16px;background:linear-gradient(115deg,#18284f,#403064 65%,#633354);color:#fff}
.pricing-page .page-heading h1{color:#fff}
.pricing-page .page-heading p{color:#e5eaf5}
.pricing-page .rate-note{background:linear-gradient(110deg,#f0f5ff,#faf4ff);border-color:#dfe4f7;color:#485571}
/* KBV logo palette for catalogue and pricing: navy, blue and cyan, with small logo accents. */
.reports-page .report-card{--card-start:#26388b;--card-end:#075d98;border-color:#125c98;border-top:3px solid #0086c9;box-shadow:0 5px 18px #006bac16}
.reports-page .report-card:nth-child(3n+2){--card-start:#006eaa;--card-end:#084e85}
.reports-page .report-card:nth-child(3n){--card-start:#243080;--card-end:#0969a5}
.reports-page .report-card .button.secondary{color:#075a95;border-color:#d7e9f5}
.reports-page .report-card .report-kind{color:#edf7ff}
.reports-page .filter-shell{background:linear-gradient(110deg,#edf6ff,#f7fbff);border-color:#d5e8f7}
.pricing-page .plan-card{--plan-start:#26388b;--plan-end:#07548d;--plan-ink:#07548d;border-color:#175b94;box-shadow:0 5px 20px #006bac18}
.pricing-page .plan-card:nth-child(2){--plan-start:#006fab;--plan-end:#084d84;--plan-ink:#005e98}
.pricing-page .plan-card:nth-child(3){--plan-start:#243080;--plan-end:#08659f;--plan-ink:#243080}
.pricing-page .plan-card .plan-heading{border-top-color:#22a4df;background:#ffffff08}
.pricing-page .plan-card:nth-child(2) .plan-heading{border-top-color:#dc4197}
.pricing-page .plan-card:nth-child(3) .plan-heading{border-top-color:#8b66b4}
.pricing-page .page-heading{background:linear-gradient(110deg,#243080,#006fad);border-color:#135e9d}
.pricing-page .rate-note{background:linear-gradient(110deg,#edf6ff,#f8fcff);border-color:#d5e8f7;color:#385371}
/* Decorative SVG stays below content and never intercepts card controls. */
.reports-page .report-card,.account-page .report-card,.pricing-page .plan-card,.pricing-page .page-heading{position:relative;isolation:isolate;overflow:hidden}
.reports-page .report-card::before,.account-page .report-card::before,.pricing-page .plan-card::before,.pricing-page .page-heading::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('../images/branding/card-data-pattern.svg');background-repeat:no-repeat;background-position:right top;background-size:460px 360px;opacity:.85}
.reports-page .report-card:nth-child(3n+2)::before,.account-page .report-card:nth-child(3n+2)::before{background-position:right -36px top -18px}
.reports-page .report-card:nth-child(3n)::before,.account-page .report-card:nth-child(3n)::before{background-position:right -14px top 14px}
.pricing-page .plan-card::before{background-size:520px auto;opacity:.7}
.pricing-page .page-heading::before{background-position:right -12px center;background-size:520px auto;opacity:.8}
.billing-choice{padding:12px 14px;margin:0 0 16px;border:1px solid #ffffff40;border-radius:10px;min-width:0}
.billing-choice legend{padding:0 5px;font-size:12px;font-weight:600;color:#fff}
.plan-body .billing-choice .check{font-size:12px;margin:8px 0;cursor:pointer}
.billing-choice .check strong{font-weight:600;color:#fff}
/* Explicit state colors override the more-specific primary button:hover selector. */
.membership-platform .button.secondary:hover,.membership-platform .button.secondary:focus-visible,.membership-platform .button.secondary:active{color:#312e81;background:#eef2ff;border-color:#a5b4fc}
.membership-platform .button.secondary:hover .icon,.membership-platform .button.secondary:focus-visible .icon{color:inherit}
@media(max-width:680px){.pricing-page .page-heading{padding:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Match the pricing hero on the report search panel. */
.reports-page .filter-shell{position:relative;isolation:isolate;overflow:hidden;border-color:#293c70;background:linear-gradient(115deg,#18284f,#403064 65%,#633354);color:#fff}
.reports-page .filter-shell::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('../images/branding/card-data-pattern.svg');background-repeat:no-repeat;background-position:right -12px center;background-size:520px auto;opacity:.8}
.reports-page .filter-shell .filter-title,.reports-page .filter-shell .filter-field label{color:#fff}
.reports-page .filter-shell .filter-title a{color:#e5eaf5}
.reports-page .filter-shell .filter-title a:hover{color:#fff;text-decoration:underline}
.reports-page .filter-shell .filters>.button{background:#fff;border-color:#fff;color:#094d92}
.reports-page .filter-shell .filters>.button:hover,.reports-page .filter-shell .filters>.button:focus-visible{background:#eaf4ff;border-color:#c8e3f7;color:#094d92}
.account-page .report-header{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#18284f,#403064 65%,#633354);border-color:#293c70;color:#fff}
.account-page .report-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('../images/branding/card-data-pattern.svg');background-repeat:no-repeat;background-position:right -12px center;background-size:520px auto;opacity:.8}
.account-page .report-header h1{color:#fff}
.account-page .report-header .muted{color:#e5eaf5}
.account-page .report-header .actions>.button{background:#fff;border-color:#fff;color:#094d92}
.account-page .report-header .actions>.button:hover,.account-page .report-header .actions>.button:focus-visible{background:#eaf4ff;border-color:#c8e3f7;color:#094d92}

/* Country-configured payment choices. */
.gateway-choice{border:0;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gateway-choice legend{font-size:12px;font-weight:600;margin-bottom:9px;color:inherit}
.gateway-option{display:flex;align-items:center;gap:8px;border:1px solid #ffffff65;background:#ffffff0c;border-radius:8px;padding:10px;cursor:pointer;min-height:48px;font-size:12px}
.gateway-option:has(input:checked){background:#ffffff25;border-color:#fff}
.gateway-option input{accent-color:#fff;width:14px;height:14px;flex:none}
.gateway-option strong,.gateway-option small{display:block}
.gateway-option small{font-size:10px;opacity:.85;margin-top:2px}
[data-recurring-choice][hidden]{display:none!important}
/* Pending checkout recovery controls stay available during status checks. */
[data-payment-verification]{min-width:240px;max-width:440px;white-space:normal}
.pending-payment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}
.pending-payment-actions form,[data-payment-verification] [data-cancel-checkout]{margin:0}
[data-payment-verification] [data-payment-status]{display:block;line-height:1.6;max-width:420px;margin:5px 0 9px;white-space:normal}
[data-payment-verification] .payment-safe-note{font-size:10px;line-height:1.6;margin-top:6px}