/* Shared checkout and control-room components, using the homepage palette. */
[hidden] { display:none !important; }
.currency-picker { position:relative; }
.currency-toggle { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; border:1px solid #ffffff20; background:#0c0d10; color:var(--text); border-radius:7px; padding:12px 14px; text-align:left; font-size:16px; }
.currency-toggle > span:first-child { min-width:0; overflow-wrap:anywhere; }
.currency-menu { position:absolute; top:calc(100% + 8px); left:0; width:100%; padding:10px; background:#17151b; border:1px solid #ffffff30; border-radius:9px; box-shadow:0 18px 45px #0008; z-index:30; }
.currency-menu input { margin-bottom:9px; }
.currency-options { max-height:320px; overflow-y:auto; overscroll-behavior:contain; }
.currency-group { color:#ac9aa8; font-size:12px; padding:8px 10px; }
.currency-group:not(:first-child) { margin-top:12px; padding-top:16px; border-top:1px solid #ffffff18; }
.currency-option { display:grid; grid-template-columns:24px 65px minmax(0,1fr); gap:10px; align-items:center; width:100%; padding:10px; border:0; background:transparent; color:var(--text); border-radius:5px; text-align:left; font-size:14px; }
.currency-option:hover, .currency-option.is-active { background:#ffffff0b; }
.currency-option[aria-selected="true"] { background:#ef625a16; }
.currency-symbol { font-size:14px; overflow-wrap:anywhere; }
.currency-option .currency-network { color:#aa9cab; font-size:12px; }
.currency-icon { position:relative; display:grid; place-items:center; width:24px; height:24px; flex-shrink:0; }
.currency-icon img { position:absolute; inset:0; display:block; width:24px; height:24px; object-fit:contain; opacity:0; }
.currency-icon img.is-loaded { opacity:1; }
.currency-toggle #currency-selected { display:flex; align-items:center; gap:9px; }
.currency-icon-badge { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#ffffff0c; color:#b8a9b6; font-size:10px; font-weight:600; }
.currency-option > span { min-width:0; overflow-wrap:anywhere; }
.currency-option small { display:block; margin-top:2px; color:#aa9cab; font-size:12px; }
.currency-retry, .inline-payment > button.text-link { background:transparent; border:0; padding:8px 0; }
.inline-payment-summary { display:flex; flex-direction:column; gap:8px; margin:12px 0 18px; }
.inline-payment-summary strong { font-size:28px; }
.inline-payment-summary span { color:#beadba; font-size:15px; }
.inline-payment-window { position:relative; height:0; max-width:100%; margin:12px auto; overflow:hidden; border-radius:var(--payment-radius,18px); clip-path:inset(0 round var(--payment-radius,18px)); isolation:isolate; background:#101014; }
#inline-payment-frame { display:block; width:410px; height:696px; border:0; border-radius:18px; background:#101014; color-scheme:dark; transform-origin:top left; }
.inline-payment > .text-link { display:block; margin-top:12px; font-size:14px; }
.embedded-payment-body { min-height:100svh; background:radial-gradient(ellipse at 60% 20%,#74251f18,transparent 60%),var(--bg); }
.embedded-payment-shell { width:min(1080px,calc(100% - 48px)); margin:36px auto 60px; }
.embedded-payment-heading { display:flex; justify-content:space-between; align-items:center; gap:35px; margin:40px 0 32px; }
.embedded-payment-heading h1 { font-size:42px; line-height:1.1; letter-spacing:-1.8px; margin:14px 0; }
.embedded-payment-heading p { color:#b4a4b0; font-size:16px; line-height:1.8; max-width:640px; margin:0; }
.embedded-order-total { flex-shrink:0; text-align:right; }
.embedded-order-total > span { display:block; font-size:10px; color:#c29695; letter-spacing:1px; }
.embedded-order-total > strong { display:block; font:500 39px var(--display); margin-block:9px; }
.embedded-order-total small { color:#a18d9c; font-size:11px; }
.embedded-payment-grid { display:grid; grid-template-columns:minmax(0,1fr) 470px; gap:45px; align-items:start; }
.embedded-order-summary { padding-top:25px; border-top:1px solid var(--line); }
.embedded-order-summary h2 { font-size:29px; letter-spacing:-1px; margin:15px 0; }
.embedded-order-summary > p { color:#ab99a7; font-size:15px; line-height:1.8; }
.embedded-order-summary .text-link { display:block; margin:18px 0; }
.embedded-payment-panel { border:1px solid #ef625a30; border-radius:12px; padding:16px; background:#121216; min-width:0; }
.payment-loading { display:flex; align-items:center; gap:10px; padding:24px 12px; font-size:14px; color:#d6b7c1; }
#nowpayments-frame { display:block; width:min(410px,100%); height:696px; margin-inline:auto; border:0; border-radius:18px; clip-path:inset(0 round 18px); background:#101014; color-scheme:dark; }
.embedded-payment-panel .form-error { margin:4px 0 20px; }
@media(max-width:850px) { .embedded-payment-grid { grid-template-columns:minmax(0,1fr); gap:25px; } .embedded-payment-panel { grid-row:1; width:min(470px,100%); margin-inline:auto; } .embedded-order-summary .receipt-details { margin-block:16px; } .embedded-order-summary .text-link { display:inline-block; margin:8px 20px 8px 0; } }
@media(max-width:600px) { .embedded-payment-shell { width:calc(100% - 32px); margin-top:24px; } .embedded-payment-heading { flex-direction:column; align-items:flex-start; gap:22px; margin-top:32px; } .embedded-payment-heading h1 { font-size:34px; } .embedded-order-total { text-align:left; } .embedded-order-total > strong { font-size:32px; } .embedded-payment-panel { padding:8px; } }
input, select, textarea, button { font: inherit; }
button, input, select, textarea, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .6; }
:where(input, select, textarea, button, a):focus-visible { outline: 2px solid var(--red); outline-offset: 4px; }
.checkout-form-card { padding: 30px; background: radial-gradient(ellipse at 100% 0, #ef625a10, transparent 50%), #121215; }
.checkout-form-card .checkout-heading { padding: 0; }
.checkout-form-card h3 { font-size: 37px; line-height: 1.1; margin: 17px 0 14px; }
.checkout-form-card .checkout-heading p { font-size: 17px; }
.checkout-progress { display: flex; gap: 16px; border-bottom: 1px solid var(--line); padding-bottom: 18px; margin: 27px 0 24px; font-size: 11px; color: #85808a; }
.checkout-progress .active { color: var(--red); }
.form-field { margin: 0 0 22px; }
.form-field label { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; color: #ece5e9; font-size: 14px; font-weight: 500; margin-bottom: 9px; }
.form-field label > span { color: #9b929a; font-size: 11px; font-weight: 400; }
.form-field input, .form-field select, .form-field textarea, .order-filters input, .order-filters select { width: 100%; background: #0c0d10; border: 1px solid #ffffff20; color: var(--text); border-radius: 7px; padding: 13px 14px; font-size: 16px; line-height: 1.5; transition: border-color .15s; }
.form-field input:hover, .form-field select:hover, .order-filters input:hover { border-color: #ffffff45; }
.form-field input:focus, .form-field textarea:focus { border-color: var(--red); }
.form-field input::placeholder, .order-filters input::placeholder { color: #736e79; }
.form-field small { display: block; color: #a29aa5; font-size: 12px; line-height: 1.6; margin-top: 8px; }
.amount-presets { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-bottom: 11px; }
.amount-preset { border: 1px solid #ffffff20; border-radius: 6px; background: #18171b; color: #d8cfd6; font-size: 15px; padding: 10px 5px; }
.amount-preset[aria-pressed="true"] { border-color: var(--red); background: #ef625a18; color: #ffaaa4; }
.amount-input { display: flex; align-items: center; border: 1px solid #ffffff26; background: #0c0d10; border-radius: 7px; padding: 0 14px; gap: 10px; }
.amount-input:focus-within { border-color: var(--red); }
.amount-input > span:first-child { font-size: 23px; color: #a79ba5; }
.amount-input > span:last-child { font-size: 12px; color: #8f8490; }
.amount-input input { border: 0; background: none; padding: 13px 0; font: 500 25px/1.4 var(--display); min-width: 0; outline-offset: -2px; }
.checkout-total { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin: 22px 0 19px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 13px; color: #b3a8b1; }
.checkout-total strong { color: var(--text); font: 500 26px var(--display); }
.pay-button { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid var(--button-border); border-radius: 6px; background: var(--button-bg); color: #fff; text-decoration: none; padding: 15px 17px; font-size: 15px; line-height: 1.5; font-weight: 700; box-shadow: 0 5px 30px #f55e500d; }
.pay-button:hover:not(:disabled) { background: var(--button-hover); }
.pay-button > span:last-child { font-size: 21px; line-height: 1; }
.checkout-fineprint { font-size: 12px; line-height: 1.7; color: #a0939e; margin: 15px 0 0; }
.checkout-trust { display: flex; justify-content: space-between; gap: 15px; color: #bba8b5; font-size: 11px; padding-top: 20px; margin-top: 20px; border-top: 1px solid var(--line); }
.form-notice, .form-error { padding: 14px 16px; border: 1px solid #ef625a38; border-radius: 7px; color: #f1b8b1; background: #ef625a0b; font-size: 14px; line-height: 1.7; margin: 0 0 22px; }
.form-notice { border-color: #ffffff1c; background: #ffffff04; color: #bdb4be; }
.quiet-button { display: inline-flex; align-items: center; justify-content: center; padding: 10px 15px; border: 1px solid #ffffff27; border-radius: 6px; background: #ffffff05; color: #dcd2db; font-size: 13px; line-height: 1.5; text-decoration: none; }
.quiet-button:hover { border-color: #f55e5088; background: #f55e5008; }
.text-link { color: #f38d85; font-size: 14px; text-decoration: none; }
.text-link:hover { text-decoration: underline; }
.muted { color: #a79aa6; }
.accent-text { color: var(--red) !important; }
.login-body, .receipt-body { min-height: 100svh; display: flex; align-items: center; justify-content: center; padding: 36px 20px; background: radial-gradient(ellipse at 50% 35%, #74251f20, transparent 60%), var(--bg); }
.login-card, .receipt-card { width: 100%; max-width: 460px; padding: 38px; background: #121216; border: 1px solid #ef625a22; border-radius: 14px; box-shadow: 0 25px 80px #0004; }
.admin-brand { display: inline-flex; align-items: center; gap: 12px; color: #eee7ed; text-decoration: none; font: 500 23px var(--display); letter-spacing: -.6px; }
.admin-brand img { object-fit: contain; }
.admin-brand > span { margin-left: 7px; font: 10px var(--body); letter-spacing: 1.4px; color: var(--red); }
.login-card > .eyebrow, .receipt-card > .eyebrow { margin-top: 45px; font-size: 11px; }
.login-card h1 { font-size: 62px; letter-spacing: -3px; margin: 18px 0; }
.login-description { color: #a89da8; font-size: 16px; margin: 0 0 30px; }
.admin-body { background: radial-gradient(ellipse at 10% 0, #74251f0c, transparent 50%), var(--bg); }
.admin-top { padding: 20px max(4vw, 24px); border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 24px; background: #0b0c0eee; }
.admin-top-actions { display: flex; align-items: center; gap: 25px; }
.admin-top-actions > a { color: #a89da8; font-size: 13px; text-decoration: none; }
.admin-main { width: min(1440px, calc(100% - 96px)); margin: auto; padding: 48px 0 60px; }
.admin-title { display: flex; justify-content: space-between; gap: 30px; align-items: center; margin-bottom: 35px; }
.admin-title .eyebrow { font-size: 10px; }
.admin-title h1 { font-size: 44px; letter-spacing: -2px; line-height: 1.1; margin: 14px 0 0; }
.admin-session { display: flex; align-items: center; gap: 8px; color: #a699a4; font-size: 10px; letter-spacing: 1px; }
.admin-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.admin-stats > div { border: 1px solid var(--line); border-radius: 10px; background: linear-gradient(135deg, #1c171b, #111215); padding: 25px; }
.admin-stats span, .admin-stats small { display: block; color: #a99aa7; font-size: 12px; }
.admin-stats strong { display: block; font: 500 38px var(--display); color: #eae0e7; margin: 14px 0 10px; letter-spacing: -1.5px; }
.admin-stats small { font-size: 11px; }
.integration-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin: 25px 0 30px; font-size: 12px; color: #a99aa7; }
.integration-strip > div { display: flex; align-items: center; gap: 7px; }
.integration-strip > span { margin-left: auto; }
.integration-light { width: 6px; height: 6px; border-radius: 100%; background: #d5a160; }
.integration-light.ready { background: #88b3a4; }
.orders-panel, .detail-panel { border: 1px solid var(--line); border-radius: 11px; background: #101114; overflow: hidden; }
.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px; }
.panel-heading h2, .detail-panel h2 { font-size: 22px; letter-spacing: -.7px; margin: 0; }
.panel-heading > span { font-size: 12px; color: #a796a5; }
.order-filters { display: flex; gap: 12px; padding: 0 24px 24px; }
.order-filters input { max-width: 420px; font-size: 14px; padding: 10px 12px; }
.order-filters select { max-width: 180px; font-size: 14px; padding: 10px 12px; }
.table-scroll { overflow-x: auto; }
.orders-table { border-collapse: collapse; width: 100%; min-width: 800px; text-align: left; font-size: 13px; }
.orders-table th { color: #a695a5; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; font-weight: 500; padding: 14px 24px; background: #ffffff03; border-block: 1px solid var(--line); }
.orders-table td { padding: 20px 24px; border-bottom: 1px solid var(--line); color: #d9ced7; }
.orders-table td strong { display: block; font-weight: 500; font-size: 15px; }
.orders-table td small { display: block; color: #998898; font-size: 10px; margin-top: 5px; }
.badge { display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 5px; border: 1px solid #ffffff22; background: #ffffff05; color: #c7b8c3; font-size: 11px; white-space: nowrap; }
.badge.paid { color: #a0d4bd; border-color: #80c7a733; background: #80c7a70b; }
.badge.unpaid { color: #dcc091; border-color: #dcb57533; background: #dcb5750b; }
.badge.refunded { color: #ef9e96; border-color: #ef625a33; background: #ef625a0b; }
.empty-state { padding: 38px 15px; text-align: center; }
.empty-state > span { color: var(--red); font-size: 38px; }
.empty-state h3 { font-size: 24px; font-weight: 700; margin: 12px 0; }
.empty-state p { color: #a394a1; font-size: 14px; margin: 0; }
.pagination { padding: 18px 24px; display: flex; justify-content: space-between; gap: 20px; color: #a18d9e; font-size: 12px; }
.pagination > div { display: flex; gap: 20px; }
.pagination a { color: #e99a94; text-decoration: none; }
.admin-help { padding: 30px 0 0; max-width: 850px; }
.admin-help h3 { font-size: 20px; font-weight: 700; margin-bottom: 10px; }
.admin-help p, .admin-help dl { font-size: 14px; color: #a99aa7; }
.admin-help dt { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; margin-top: 15px; }
.admin-help dd { margin: 5px 0 0; color: #d6c6d2; overflow-wrap: anywhere; }
.admin-help code { color: #e7a29b; font-size: 13px; }
.admin-footer { border-top: 1px solid var(--line); text-align: center; font-size: 11px; color: #91808e; padding: 25px; }
.order-detail-grid { display: grid; grid-template-columns: 1.15fr 1fr; align-items: start; gap: 25px; margin: 25px 0; }
.detail-panel { padding: 26px; margin-bottom: 25px; }
.detail-panel .panel-heading { padding: 0; }
.detail-panel h3 { font-size: 21px; font-weight: 700; letter-spacing: -.5px; margin: 30px 0 20px; }
.detail-panel > .muted { font-size: 14px; }
.receipt-details { margin: 28px 0; }
.receipt-details > div { display: flex; justify-content: space-between; gap: 25px; padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.receipt-details dt { color: #ab99a7; }
.receipt-details dd { margin: 0; text-align: right; color: #ded0da; overflow-wrap: anywhere; min-width: 0; }
.payment-record { padding: 20px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.payment-record > div { display: flex; gap: 12px; justify-content: space-between; }
.payment-record p { color: #b39eae; font-size: 13px; overflow-wrap: anywhere; }
.payment-record small { font-size: 12px; color: #e09c95; }
.payment-record .form-error { margin: 14px 0; }
.timeline { margin-top: 20px; }
.timeline > div { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; padding: 15px 0; border-top: 1px solid var(--line); font-size: 12px; color: #aa92a3; }
.timeline strong { color: #e0ccd9; font-weight: 500; }
.timeline time { margin-left: auto; }
.receipt-card { max-width: 580px; }
.receipt-card h1 { font-size: 43px; letter-spacing: -2px; margin: 22px 0; }
.status-banner { font-size: 15px; color: #dbb6b2; background: #ef625a08; border: 1px solid #ef625a22; padding: 15px; border-radius: 6px; }
.receipt-card > .text-link { display: inline-block; margin-top: 25px; }
@media(max-width:1100px) { .admin-stats { gap: 12px; } .admin-stats > div { padding: 20px; } .admin-main { width: calc(100% - 48px); } }
@media(max-width:850px) { .admin-stats { grid-template-columns: 1fr 1fr; } .admin-brand > span { display: none; } .admin-session { display: none; } .order-detail-grid { grid-template-columns: 1fr; } .admin-top-actions { gap: 15px; } }
@media(max-width:600px) {
  .checkout-form-card { padding: 24px 20px; }
  .checkout-form-card h3 { font-size: 33px; }
  .checkout-progress { gap: 12px; font-size: 10px; }
  .checkout-trust { font-size: 10px; }
  .pay-button { font-size: 14px; }
  .login-card, .receipt-card { padding: 26px 22px; }
  .login-card h1 { font-size: 53px; }
  .admin-top { padding: 18px 20px; gap: 15px; flex-wrap: wrap; }
  .admin-top-actions { width: 100%; justify-content: space-between; }
  .admin-main { width: calc(100% - 32px); padding-top: 30px; }
  .admin-title h1 { font-size: 35px; }
  .admin-stats > div { padding: 17px; }
  .admin-stats strong { font-size: 30px; }
  .admin-stats span { font-size: 11px; }
  .integration-strip { gap: 12px; }
  .integration-strip > span { margin: 0; }
  .order-filters { flex-wrap: wrap; padding: 0 16px 20px; }
  .order-filters input { max-width: none; }
  .order-filters select { flex: 1; max-width: none; min-width: 130px; }
  .panel-heading { padding: 20px 16px; }
  .empty-state { text-align: left; padding: 25px 0; }
  .detail-panel { padding: 20px; }
  .receipt-details > div { flex-direction: column; gap: 5px; }
  .receipt-details dd { text-align: left; }
  .receipt-card h1 { font-size: 37px; }
}
@media(prefers-reduced-motion:reduce) { .form-field input, .form-field select { transition: none; } }

/* Community, tier benefits and the email studio. */
.template-automation { border:1px solid #ef625a32; border-radius:8px; background:#ef625a06; padding:18px 20px; margin:8px 0 28px; }
.template-automation legend { color:#edc9c8; font:500 16px var(--display); padding:0 8px; }
.template-automation > p { font-size:13px; line-height:1.7; color:#ad9aa8; margin:0 0 15px; }
.automation-option { display:flex; gap:12px; align-items:flex-start; padding:14px 0; border-top:1px solid var(--line); cursor:pointer; }
.automation-option input { accent-color:var(--red); width:18px; height:18px; flex-shrink:0; margin:3px 0 0; }
.automation-option strong { display:block; color:#eddee7; font-size:14px; font-weight:500; }
.automation-option small { display:block; color:#a993a3; font-size:12px; line-height:1.7; margin-top:4px; }
.template-automation > .automation-hint { border-top:1px solid var(--line); padding-top:14px; font-size:11px; margin:0; }
.template-item .template-delivery-state { display:block; margin-top:14px; font-size:10px; letter-spacing:0; color:#dca39e; }
.checkout-coming-soon { padding:15px 0; }
.coming-soon-mark { display:flex; align-items:center; justify-content:center; width:62px; height:62px; border:1px solid #ef625a40; border-radius:14px; background:#ef625a10; color:var(--red); font-size:36px; margin:28px 0; }
.checkout-coming-soon h3 { font-size:36px; line-height:1.15; margin:0 0 23px; }
.checkout-coming-soon p { color:#ac9da9; font-size:16px; line-height:1.85; }
.checkout-coming-soon .coming-soon-lead { color:#eedbdc; font-size:19px; line-height:1.6; }
.coming-soon-footer { display:flex; align-items:center; gap:10px; padding-top:22px; margin-top:25px; border-top:1px solid var(--line); color:#b7a5b1; font-size:12px; }
.payment-mode-panel { border-color:#ef625a40; }
.admin-nav { display:flex; gap:8px; width:min(1440px,calc(100% - 96px)); margin:22px auto 0; border-bottom:1px solid var(--line); padding-bottom:14px; overflow-x:auto; }
.admin-nav a { flex-shrink:0; padding:10px 18px; border-radius:6px; color:#a898a5; font-size:13px; text-decoration:none; }
.admin-nav a:hover { color:#f3e8ee; background:#ffffff04; }
.admin-nav a[aria-current] { color:#ffaaa3; background:#ef625a12; }
.page-description { font-size:16px; line-height:1.8; color:#a99ca8; max-width:720px; margin:0 0 28px; }
.page-toolbar { display:flex; align-items:flex-start; justify-content:space-between; gap:30px; margin-bottom:24px; }
.page-toolbar .page-description { margin:0; }
.compact-button { width:auto; min-width:170px; font-size:14px; padding:12px 18px; white-space:nowrap; }
.settings-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:25px; align-items:start; }
.settings-grid .detail-panel { margin:0; padding:30px; }
.section-kicker { font-size:10px; letter-spacing:1.5px; color:var(--red); margin-bottom:16px; }
.panel-heading.flush { padding:0; margin-bottom:20px; }
.panel-heading.flush h2 { line-height:1.3; overflow-wrap:anywhere; }
.panel-description { font-size:14px; line-height:1.75; margin:0 0 26px; }
.form-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; }
.form-field textarea { resize:vertical; min-height:150px; }
.config-code { border:1px solid var(--line); border-radius:6px; padding:15px; background:#0b0c0f; margin:22px 0; }
.config-code > span { display:block; font-size:9px; letter-spacing:1.2px; color:#ac94a4; margin-bottom:9px; }
.config-code code { font-size:12px; color:#dda9a5; overflow-wrap:anywhere; line-height:1.7; }
.check-label { display:flex; align-items:flex-start; gap:10px; font-size:13px; line-height:1.7; color:#c7b8c4; margin:16px 0; cursor:pointer; }
.check-label input, .orders-table input[type=checkbox] { appearance:auto; accent-color:var(--red); width:16px; height:16px; flex-shrink:0; margin:4px 0 0; }
.check-label small { display:block; font-size:11px; color:#9b8697; line-height:1.7; }
.advanced-settings { border-top:1px solid var(--line); margin:24px 0; padding-top:16px; font-size:12px; color:#9f8d9b; }
.advanced-settings summary, .recipient-details summary { cursor:pointer; }
.inline-form { margin-top:16px; }
.setup-note p { color:#b3a2af; font-size:15px; line-height:1.8; }
.community-summary { display:flex; gap:30px; align-items:center; flex-wrap:wrap; border-block:1px solid var(--line); padding:18px 0; margin-bottom:30px; font-size:12px; color:#aa94a4; }
.community-summary strong { font:500 25px var(--display); color:#eaddE5; margin-right:8px; }
.community-summary > span:last-child { margin-left:auto; }
.bulk-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:20px; padding:0 24px 20px; }
.bulk-toolbar .check-label { margin:0; }
.bulk-toolbar .text-link { margin-left:auto; font-size:12px; }
.bulk-toolbar .quiet-button { gap:5px; }
.tier-pill { display:inline-block; color:#ffaaa3; font-size:11px; border:1px solid #ef625a30; border-radius:4px; padding:3px 9px; background:#ef625a07; }
.template-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:25px; }
.template-list > .quiet-button { width:100%; margin-bottom:20px; }
.template-item { display:block; text-decoration:none; border:1px solid var(--line); border-radius:8px; padding:20px; margin-bottom:14px; background:#101114; }
.template-item[aria-current] { border-color:#ef625a70; background:#ef625a08; }
.template-item > span { display:block; font-size:9px; letter-spacing:1.3px; color:#c2807b; }
.template-item strong { display:block; margin:11px 0 7px; font-size:16px; font-weight:500; color:#e9dce4; }
.template-item small { display:block; font-size:11px; color:#a48d9d; line-height:1.6; overflow-wrap:anywhere; }
.composer-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:28px; align-items:start; }
.composer-layout .detail-panel { padding:28px; }
.template-shortcuts { border-block:1px solid var(--line); padding:18px 0; margin:20px 0 26px; display:flex; flex-wrap:wrap; gap:10px; }
.template-shortcuts > span { width:100%; font-size:9px; letter-spacing:1.3px; color:#a28b9b; }
.template-shortcuts a { display:inline-block; font-size:11px; text-decoration:none; color:#d9a09b; padding:5px 10px; border:1px solid #ef625a25; border-radius:4px; }
.audience-box { background:#17151a; border:1px solid var(--line); border-radius:8px; padding:20px; margin-bottom:28px; }
.audience-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:20px; font-size:14px; }
.audience-heading > span { font-size:11px; color:#af98a9; }
.audience-heading b { color:var(--red); font-size:18px; margin-right:4px; }
.audience-box .form-field { margin-bottom:15px; }
.audience-scope { color:#9e8898; font-size:11px; margin:3px 0 0; }
.personalization-help { display:flex; gap:7px; flex-wrap:wrap; margin:-6px 0 26px; }
.personalization-help > span { width:100%; color:#a590a0; font-size:9px; letter-spacing:1.3px; margin-bottom:3px; }
.personalization-help code { color:#d2a19d; border:1px solid #ef625a20; border-radius:4px; padding:4px 7px; font-size:10px; overflow-wrap:anywhere; }
.personalization-help small { width:100%; color:#957e8f; font-size:10px; line-height:1.7; }
.composer-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.composer-actions > .pay-button { margin-top:8px; }
.preview-panel { position:sticky; top:24px; min-width:0; }
.preview-toolbar { display:flex; align-items:center; gap:10px; padding:17px 20px; border:1px solid var(--line); border-bottom:0; border-radius:9px 9px 0 0; background:#17151b; }
.preview-toolbar strong { font-size:13px; font-weight:500; }
.preview-toolbar > span:last-child { margin-left:auto; font-size:9px; color:#a48b9c; letter-spacing:1px; }
.email-preview { display:block; border:1px solid var(--line); border-radius:0 0 9px 9px; width:100%; min-height:860px; background:#0b0c0e; }
.detail-panel > .email-preview { margin-top:28px; border-radius:9px; }
.preview-panel > p { margin:12px 4px; font-size:11px; line-height:1.8; color:#96818f; }
.mail-stats { margin-bottom:28px; }
.admin-stats .connection-label { font-size:29px; margin-block:20px; }
.campaign-focus { margin-top:28px; }
.campaign-focus .panel-heading > div { min-width:0; }
.campaign-focus .panel-heading .eyebrow { margin-bottom:10px; font-size:10px; }
.campaign-counts { display:flex; flex-wrap:wrap; gap:24px; border-block:1px solid var(--line); margin:25px 0; padding:18px 0; }
.campaign-counts > span { color:#a48b9b; font-size:11px; }
.campaign-counts strong { color:#e4cfdc; font-size:22px; font-weight:500; margin-right:5px; }
.recipient-details { border-top:1px solid var(--line); margin-top:25px; padding-top:20px; color:#b299aa; font-size:13px; }
.recipient-details .table-scroll { margin-top:15px; }
.tier-guide { border-top:1px solid var(--line); margin-top:25px; padding-top:28px; }
.tier-guide h3 { font:700 28px/1.3 var(--display); letter-spacing:-.7px; margin:14px 0 23px; }
.tier-guide-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 0; border-top:1px solid var(--line); }
.tier-guide-row strong { display:block; font-size:17px; font-weight:500; }
.tier-guide-row > div:last-child { text-align:right; }
.tier-guide-row > div:last-child strong { color:var(--red); font:500 24px var(--display); letter-spacing:-.5px; }
.tier-guide-row span { display:block; font-size:12px; line-height:1.6; color:#a3929e; margin-top:5px; }
.tier-guide > p { color:#a08f9b; font-size:12px; line-height:1.8; margin:20px 0 0; }
.tier-selection { padding:17px; border:1px solid #ef625a38; border-radius:7px; background:#ef625a09; margin:0 0 20px; }
.tier-selection > div { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.tier-selection span { font-size:9px; color:#d59b95; letter-spacing:1.2px; }
.tier-selection strong { font-size:16px; color:#ffd0c8; font-weight:500; }
.tier-selection p { color:#c2a5b2; font-size:12px; line-height:1.7; margin:9px 0 0; }
.newsletter-choice { font-size:12px; }
.founder-presets { grid-template-columns:repeat(3,minmax(0,1fr)); }
.tier-selection > div { align-items:flex-start; flex-direction:column; gap:7px; }
.tier-guide-row.founder-tier { padding-block:22px; }
.founder-tier small { display:block; color:#be999b; font-size:11px; line-height:1.7; margin-top:7px; max-width:280px; }
.founder-offer { border-left:2px solid var(--red); padding:16px 0 16px 20px; margin-top:28px; background:linear-gradient(90deg,#ef625a09,transparent); }
.founder-offer > strong { display:block; color:#efdbdf; font:500 19px/1.45 var(--display); margin:10px 0; }
.founder-offer p { color:#b59eaa; font-size:13px; line-height:1.8; margin:0; }
.founder-offer b { color:#e2b8b2; font-weight:500; }
.founder-vision { border-top:1px solid var(--line); padding-bottom:40px; }
.founder-vision .section-intro { max-width:950px; }
.extension-story { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr); gap:90px; padding:15px 0 70px; }
.extension-story h3,.family-offer h3 { font:700 38px/1.18 var(--display); letter-spacing:-1.2px; margin:18px 0 24px; }
.extension-story p,.family-offer p { font-size:19px; color:#b3a9b4; line-height:1.8; margin:0 0 20px; }
.roadmap-label { display:inline-block; border:1px solid #ef625a30; border-radius:4px; padding:6px 10px; color:#d29792; font-size:10px; letter-spacing:1px; }
.family-offer { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr); gap:70px; padding:45px; border:1px solid #ef625a30; border-radius:12px; background:radial-gradient(ellipse at 100% 50%,#ef625a13,transparent 75%),#111114; }
.family-offer p { margin:0; font-size:18px; }
.family-offer p strong { color:#e4c8cf; font-weight:500; }
.family-discount { align-self:center; text-align:center; }
.family-discount > strong { display:block; color:var(--red); font:500 90px/1 var(--display); letter-spacing:-6px; }
.family-discount strong span { font-size:43px; letter-spacing:-2px; }
.family-discount > span { display:block; color:#bfa0ad; font-size:10px; letter-spacing:1.4px; line-height:1.9; margin-top:18px; }
.roadmap-intro { margin-top:65px; }
.roadmap-intro p { font-size:23px; color:#d8cbd2; line-height:1.5; max-width:730px; margin:15px 0 35px; }
.product-roadmap { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.product-roadmap article { border-top:1px solid var(--line); padding-top:24px; }
.roadmap-number { font-size:10px; letter-spacing:1px; color:var(--red); }
.product-roadmap h3 { font:700 25px/1.25 var(--display); letter-spacing:-.6px; margin:18px 0; }
.product-roadmap p { font-size:17px; color:#aa9faa; line-height:1.8; margin:0 0 18px; }
.roadmap-note { border-top:1px solid var(--line); padding-top:25px; margin:28px 0 0; color:#9d8d99; font-size:13px; line-height:1.85; }
@media(max-width:900px) { .extension-story { gap:35px; } .family-offer { gap:35px; padding:30px; } .family-discount > strong { font-size:72px; } .product-roadmap { grid-template-columns:minmax(0,1fr); gap:25px; } .product-roadmap h3 br { display:none; } }
@media(max-width:600px) { .extension-story,.family-offer { grid-template-columns:minmax(0,1fr); gap:22px; } .extension-story { padding-bottom:40px; } .extension-story h3,.family-offer h3 { font-size:32px; } .family-offer { padding:26px 20px; } .family-discount { text-align:left; border-top:1px solid var(--line); padding-top:25px; } .extension-story p,.family-offer p { font-size:18px; } .roadmap-intro { margin-top:45px; } .roadmap-intro p { font-size:21px; } .founder-vision { padding-bottom:25px; } .founder-tier small { max-width:165px; } .tier-guide-row { gap:15px; } .tier-guide-row > div { min-width:0; } .tier-guide-row > div:last-child { flex:0 0 105px; } }
.order-benefits { display:flex; align-items:center; gap:18px; flex-wrap:wrap; padding:18px 0; border-top:1px solid var(--line); font-size:14px; color:#c0a5b6; }
.order-benefits > .text-link { margin-left:auto; }
@media(max-width:1100px) { .admin-nav { width:calc(100% - 48px); } .settings-grid .detail-panel { padding:24px; } .composer-layout { gap:20px; } .composer-layout .detail-panel { padding:22px; } .template-layout { grid-template-columns:220px minmax(0,1fr); } }
@media(max-width:900px) { .settings-grid, .composer-layout { grid-template-columns:minmax(0,1fr); } .preview-panel { position:static; } .email-preview { min-height:900px; } .template-layout { grid-template-columns:minmax(0,1fr); } .template-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } .template-list > .quiet-button { grid-column:1/-1; margin:0; } .template-item { margin:0; } }
@media(max-width:600px) {
  .admin-nav { width:calc(100% - 32px); gap:4px; margin-top:14px; }
  .admin-nav a { padding:9px 12px; font-size:12px; }
  .page-toolbar { flex-direction:column; gap:18px; }
  .page-description { font-size:15px; }
  .settings-grid .detail-panel, .composer-layout .detail-panel { padding:20px 16px; }
  .form-columns { grid-template-columns:minmax(0,1fr); gap:0; }
  .community-summary { gap:18px; }
  .community-summary > span:last-child { width:100%; margin:0; font-size:11px; }
  .bulk-toolbar { padding-inline:16px; gap:12px; }
  .bulk-toolbar .text-link { margin:0; }
  .template-list { grid-template-columns:minmax(0,1fr); }
  .template-item { padding:16px; }
  .audience-box { padding:16px; }
  .preview-toolbar { padding:14px; }
  .preview-toolbar > span:last-child { font-size:8px; }
  .campaign-counts { gap:17px; }
  .tier-guide-row strong { font-size:16px; }
  .tier-guide-row > div:last-child strong { font-size:22px; }
  .tier-guide-row span { font-size:11px; }
  .order-benefits { align-items:flex-start; flex-direction:column; }
  .order-benefits > .text-link { margin-left:0; }
}

/* Compact checkout: keep the type readable, remove repeated copy and excess vertical space. */
.compact-beta { grid-template-columns:minmax(0,1fr) minmax(400px,470px); gap:clamp(35px,5vw,75px); align-items:start; padding-block:70px; }
.compact-beta .beta-copy h2 { font-size:44px; line-height:1.1; margin:12px 0 16px; }
.compact-beta .beta-copy > .compact-intro { font-size:18px; line-height:1.65; margin:0 0 8px; max-width:540px; }
.compact-beta .beta-copy > .beta-contact { color:var(--muted); font-size:14px; line-height:1.65; margin:0 0 22px; }
.beta-contact a { color:var(--red); text-underline-offset:3px; }
.compact-beta .tier-guide { margin:0; padding:0; border:0; }
.compact-beta .tier-guide h3 { font-size:20px; line-height:1.3; letter-spacing:-.4px; margin:0 0 14px; }
.compact-tier-table { width:100%; border-collapse:collapse; text-align:left; table-layout:auto; }
.compact-tier-table thead th { font-size:11px; letter-spacing:.7px; text-transform:uppercase; font-weight:500; color:#a592a1; padding:9px 0; }
.compact-tier-table tbody th,.compact-tier-table td { border-top:1px solid var(--line); padding:10px 0; font-size:15px; font-weight:400; line-height:1.5; }
.compact-tier-table tbody th { font-weight:500; color:#e3d6df; }
.compact-tier-table td:nth-child(2) { color:#b9a7b3; padding-inline:12px; white-space:nowrap; }
.compact-tier-table td:last-child,.compact-tier-table thead th:last-child { text-align:right; color:#b99ba8; white-space:nowrap; }
.compact-tier-table td strong { color:var(--red); font:500 21px/1.4 var(--display); letter-spacing:-.5px; }
.compact-tier-table .founder-row { background:linear-gradient(90deg,#ef625a07,transparent); }
.compact-tier-table tbody tr:has(.tier-pick) { cursor:pointer; }
.compact-tier-table tbody tr:has(.tier-pick):hover { background:#ef625a0b; }
.tier-pick { border:0; border-radius:4px; background:none; color:inherit; font:inherit; text-align:left; padding:4px 0; cursor:pointer; }
.tier-pick:hover,.tier-pick[aria-pressed="true"] { color:#ff9d94; }
.tier-title { display:inline-flex; align-items:center; gap:9px; }
.tier-rank { display:inline-grid; place-items:center; flex:0 0 29px; width:29px; height:29px; border-radius:8px; border:1px solid #ffffff20; background:#ffffff07; }
.tier-rank img { display:block; width:20px; height:20px; }
.tier-rank-beta { border-color:#a7aeba35; }
.tier-rank-tier1 { border-color:#83c5ad40; background:#83c5ad09; }
.tier-rank-tier2 { border-color:#83aafa40; background:#83aafa09; }
.tier-rank-tier3 { border-color:#b698ed40; background:#b698ed09; }
.tier-rank-tier4 { border-color:#efc36950; background:#efc3690c; }
.tier-rank-tier5 { border-color:#ef827a60; background:#ef827a12; }
.selected-tier-rank { display:inline-flex; align-items:center; gap:8px; }
.compact-tier-table .tier-benefit-title { display:block; white-space:normal; }
.tier-lifetime-note { display:block; max-width:115px; margin:4px 0 0 auto; color:#b99ba8; font-size:12px; line-height:1.4; white-space:normal; }
.tier-benefit-title abbr, .tier-lifetime-note abbr { text-decoration:none; }
.compact-tier-table tr:has(.tier-pick[aria-pressed="true"]) { background:#ef625a0b; }
.compact-beta .tier-guide > .tier-table-note { font-size:12px; line-height:1.65; margin:12px 0 8px; }
.compact-beta .tier-guide > .tier-extras-line { font-size:12px; line-height:1.65; color:#d5b3b5; margin:0 0 12px; }
.tier-details { border-top:1px solid var(--line); padding-top:12px; color:#b9a1b0; font-size:12px; }
.tier-details summary { cursor:pointer; color:#d79994; line-height:1.7; }
.tier-details > div { padding-top:10px; }
.tier-details p { font-size:13px; line-height:1.75; color:#ae98a7; margin:0 0 12px; }
.compact-beta .checkout-form-card { padding:22px; }
.compact-beta .compact-admin-notice { padding:7px 10px; font-size:11px; line-height:1.5; display:flex; flex-wrap:wrap; gap:5px; margin-bottom:16px; }
.compact-beta .compact-admin-notice strong { font-weight:500; }
.compact-beta .checkout-heading { padding:0 0 18px; }
.compact-beta .checkout-heading h3 { display:block; font-size:30px; line-height:1.1; margin:8px 0 7px; }
.compact-beta .checkout-heading p { font-size:15px; line-height:1.5; }
.checkout-identity { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
.compact-beta .checkout-identity .form-field { margin:0; }
.compact-beta .form-field { margin-bottom:14px; }
.compact-beta .form-field label { font-size:13px; line-height:1.4; margin-bottom:7px; }
.compact-beta .form-field input { font-size:16px; line-height:1.4; padding:11px 12px; }
.identity-help { font-size:11px; line-height:1.6; color:#a395a1; margin:7px 0 12px; }
.optional-checkout-field { margin:0 0 16px; }
.optional-checkout-field summary { color:#b8a8b4; font-size:12px; cursor:pointer; line-height:1.6; }
.optional-checkout-field summary span { color:#897987; margin-left:7px; font-size:11px; }
.optional-checkout-field .form-field { margin:12px 0 0; }
.compact-beta .founder-presets { grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; margin-bottom:9px; }
.compact-beta .amount-preset { padding:9px 2px; font-size:14px; line-height:1.5; }
.compact-beta .amount-input input { padding:9px 0; font:500 24px/1.3 var(--display); }
.compact-beta .form-field small { font-size:11px; line-height:1.6; margin-top:6px; }
.compact-beta .tier-selection { padding:11px 13px; margin:0 0 13px; }
.compact-beta .tier-selection > .selected-tier-rank { justify-content:flex-start; flex-direction:row; align-items:center; gap:8px; }
.compact-beta .tier-selection strong { font-size:14px; text-align:left; }
.compact-beta .tier-selection p { font-size:12px; line-height:1.65; margin-top:6px; }
.compact-beta .newsletter-choice { font-size:12px; line-height:1.5; margin:10px 0; }
.compact-beta .newsletter-choice small { font-size:10px; line-height:1.5; }
.compact-beta .checkout-total { margin:12px 0; padding-top:10px; font-size:12px; }
.compact-beta .checkout-total strong { font-size:24px; }
.compact-beta .pay-button { padding:13px 15px; font-size:14px; }
.compact-beta .checkout-fineprint { font-size:11px; line-height:1.65; margin-top:11px; }
.compact-beta .checkout-coming-soon { padding:0; }
.compact-beta .coming-soon-mark { width:48px; height:48px; margin-block:18px; font-size:28px; }
.compact-beta .checkout-coming-soon h3 { font-size:30px; }
.compact-beta .checkout-coming-soon p { font-size:15px; }
.compact-beta .checkout-coming-soon .coming-soon-lead { font-size:17px; }
@media(max-width:1000px) { .compact-beta { gap:30px; grid-template-columns:minmax(0,1fr) 400px; } .compact-beta .beta-copy h2 { font-size:39px; } .compact-tier-table tbody th,.compact-tier-table td { font-size:14px; } .compact-tier-table td strong { font-size:19px; } }
@media(max-width:850px) { .compact-beta { grid-template-columns:minmax(0,1fr); padding-block:50px; gap:30px; } .compact-beta .beta-copy { max-width:none; } .compact-beta .checkout { max-width:540px; } }
@media(max-width:600px) { .compact-beta { padding-block:40px; gap:25px; } .compact-beta .beta-copy h2 { font-size:37px; } .compact-beta .beta-copy > .compact-intro { font-size:17px; } .compact-beta .checkout-form-card { padding:20px 16px; } .checkout-identity { grid-template-columns:minmax(0,1fr); gap:12px; } .compact-beta .founder-presets { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; } .compact-beta .tier-selection > div { align-items:flex-start; flex-direction:column; gap:4px; } .compact-beta .tier-selection strong { text-align:left; } .compact-tier-table td strong { font-size:18px; } .compact-tier-table td:nth-child(2) { padding-inline:8px; } .compact-tier-table tbody th,.compact-tier-table td { font-size:13px; } .template-automation { padding:14px; } }

.tier-rank-tier5 img { width:26px; height:26px; object-fit:cover; object-position:center top; border-radius:6px; }

#selected-tier-benefit { white-space:pre-line; }