.recharge-page { display: grid; gap: 18px; padding: 28px 0 54px; }
.recharge-page [hidden] { display: none !important; }
.recharge-heading { display: grid; justify-items: start; gap: 7px; padding: 12px 2px 2px; }
.recharge-heading .eyebrow { margin: 0; color: #d8c79e; font-size: 11px; letter-spacing: .15em; }
.recharge-heading h1 { margin: 0; color: #f2eee5; font-size: clamp(28px, 3vw, 38px); letter-spacing: -.04em; }
.recharge-heading > p:last-child { margin: 0; color: #aaa9a3; font-size: 14px; }
.recharge-balance-card, .recharge-card { min-width: 0; border: 1px solid #2b3037; border-radius: 14px; background: linear-gradient(155deg, #14171b, #101215 72%); box-shadow: 0 18px 42px rgba(0,0,0,.18); }
.workspace-main .recharge-balance-card { color: #f0ede6; background: linear-gradient(155deg, #14171b, #101215 72%); }
.recharge-balance-card { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 19px 22px; }
.recharge-balance-card .kicker, .recharge-card .kicker { margin: 0 0 6px; color: #a6a39b; font-size: 10px; letter-spacing: .12em; }
.recharge-member-number { display: block; color: #e4d1a0; font-size: 16px; }
.recharge-balance-value { margin: 5px 0 2px; color: #f4f0e8; font-size: 21px; font-weight: 700; }
.workspace-main .recharge-balance-value { color: #f4f0e8; }
.recharge-balance-detail { margin: 0; color: #92949a; font-size: 11px; }
.recharge-balance-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.recharge-balance-actions .button { min-height: 36px; padding: 0 12px; font-size: 12px; }
.recharge-steps { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 11px 15px; border: 1px solid #252a30; border-radius: 10px; background: #111316; }
.recharge-steps > div { display: flex; align-items: center; gap: 8px; min-width: 0; color: #d7d4cd; font-size: 12px; white-space: nowrap; }
.recharge-steps > div span { display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid rgba(221,202,157,.42); border-radius: 50%; color: #e3d2a8; font-size: 9px; }
.recharge-steps > i { height: 1px; min-width: 12px; flex: 1; background: #30343a; }
.recharge-layout { display: grid; grid-template-columns: minmax(0,1.04fr) minmax(320px,.96fr); gap: 16px; align-items: start; }
.recharge-card { padding: 21px; }
.recharge-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.recharge-card-heading h2 { margin: 0; color: #eeeae2; font-size: 19px; letter-spacing: -.02em; }
.recharge-secure-mark, .recharge-pending-badge { padding: 6px 9px; border: 1px solid #3a3a36; border-radius: 999px; color: #d1c39e; background: rgba(220,199,151,.07); font-size: 10px; white-space: nowrap; }
.recharge-plans { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.recharge-plan { position: relative; display: grid; gap: 5px; min-height: 89px; padding: 13px 14px; border: 1px solid #30343a; border-radius: 9px; color: #ece8df; background: #17191d; cursor: pointer; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.recharge-plan:hover { transform: translateY(-1px); border-color: #69604c; }
.recharge-plan[aria-checked="true"] { border-color: #d4bd85; background: linear-gradient(145deg, rgba(205,184,132,.14), #181a1d 75%); box-shadow: inset 0 0 0 1px rgba(212,189,133,.13); }
.recharge-plan strong { font-size: 17px; }
.recharge-plan small { color: #a3a19a; font-size: 11px; }
.recharge-plan .recharge-plan-points { color: #e2d0a0; font-weight: 650; }
.recharge-order-form { display: grid; gap: 8px; margin-top: 21px; }
.recharge-current-account { display: grid; gap: 7px; padding: 12px 14px; border: 1px solid #393d43; border-radius: 8px; background: #0d0f12; }
.recharge-current-account > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.recharge-current-account > div > span { color: #a5a4a0; font-size: 11px; }
.recharge-current-account strong { color: #e4d1a0; font-size: 15px; }
.recharge-current-account > small { color: #93949a; font-size: 10px; line-height: 1.6; }
.recharge-submit { width: 100%; min-height: 46px; margin-top: 7px; border-radius: 8px; color: #171512; background: linear-gradient(100deg,#e5d5af,#cbb47e); font-size: 13px; font-weight: 750; }
.recharge-submit:disabled { cursor: not-allowed; opacity: .46; }
.recharge-status { min-height: 17px; margin: 0; color: #a8c7b3; font-size: 11px; }
.recharge-status.error { color: #f09a91; }
.recharge-notice { margin-top: 10px; padding: 12px 13px; border-left: 2px solid #aa9564; border-radius: 0 7px 7px 0; background: rgba(218,197,148,.06); }
.recharge-notice strong { color: #d9c697; font-size: 11px; }
.recharge-notice p { margin: 5px 0 0; color: #a5a4a0; font-size: 10px; line-height: 1.7; }
.recharge-payment-summary { display: grid; grid-template-columns: 1fr auto; gap: 5px 10px; align-items: baseline; padding: 12px 14px; border: 1px solid #34363b; border-radius: 9px; background: #181a1d; }
.recharge-payment-summary > span:first-child { color: #d4c18d; font-size: 13px; font-weight: 700; }
.recharge-payment-summary > strong { grid-column: 2; grid-row: 1 / 3; color: #f1e8d1; font-size: 25px; }
.recharge-payment-summary > span:last-child { color: #9d9ea2; font-size: 11px; }
.recharge-qr-frame { display: grid; justify-items: center; gap: 8px; margin: 15px 0; padding: 15px; border: 1px solid #34363b; border-radius: 10px; background: #f6f6f3; }
.recharge-qr-frame img { display: block; width: min(100%, 260px); aspect-ratio: 1; object-fit: contain; background: #fff; }
.recharge-qr-code { display: grid; width: min(100%, 260px); aspect-ratio: 1; place-items: center; background: #fff; }
.recharge-qr-code svg { display: block; width: 100%; height: 100%; shape-rendering: crispEdges; }
.recharge-qr-frame figcaption { color: #373a3d; font-size: 10px; }
.recharge-native-status { margin: 0 0 12px; color: #c9bb92; font-size: 12px; line-height: 1.65; }
.recharge-payment-card:has(.recharge-native-status:not([hidden])) .recharge-pending-badge { color: #ddc98f; }
.recharge-payment-card:has(.recharge-native-status:not([hidden])) .recharge-pending-badge[data-state="success"] { color: #91d5aa; border-color: rgba(96,181,122,.38); background: rgba(72,153,95,.1); }
.recharge-payment-card:has(.recharge-native-status:not([hidden])) .recharge-pending-badge[data-state="failed"] { color: #ffaaa0; border-color: rgba(240,120,105,.4); background: rgba(180,65,55,.12); }
.recharge-payment-note { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid #35383d; border-radius: 8px; background: #0e1013; }
.recharge-payment-note > div { display: grid; gap: 4px; min-width: 0; }
.recharge-payment-note small { color: #92949a; font-size: 10px; }
.recharge-payment-note strong { overflow-wrap: anywhere; color: #e4d2a4; font-size: 12px; }
.recharge-payment-note .button { min-height: 34px; flex: 0 0 auto; padding: 0 10px; font-size: 10px; }
.recharge-payment-instructions { display: grid; gap: 7px; margin: 14px 0 0; padding-left: 19px; color: #b4b3ae; font-size: 11px; line-height: 1.6; }
.recharge-human-review { margin: 13px 0 0; color: #d2bd88; font-size: 10px; line-height: 1.7; }
.recharge-footer-note { margin: 0; color: #777a80; font-size: 10px; text-align: center; }
.recharge-muted { color: #98999e; font-size: 12px; }
.promotion-center { display: grid; gap: 13px; padding: 18px; border: 1px solid rgba(211,190,138,.3); border-radius: 14px; background: linear-gradient(145deg,rgba(212,190,137,.07),rgba(18,20,23,.96) 42%); }
.promotion-center-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.promotion-center-heading .kicker { margin:0 0 5px; color:#cdb77d; font-size:10px; letter-spacing:.13em; }
.promotion-center-heading h2 { margin:0; color:#efeae0; font-size:19px; }
.promotion-center-heading > div > p:last-child { margin:5px 0 0; color:#a7a6a1; font-size:11px; line-height:1.6; }
.promotion-mode-badge { flex:0 0 auto; padding:6px 9px; border:1px solid #3a3a36; border-radius:999px; color:#d8c695; background:rgba(220,199,151,.07); font-size:10px; }
.promotion-center-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:start; gap:12px; }
.promotion-card { min-width:0; padding:15px; border:1px solid #2c3036; border-radius:10px; background:rgba(12,14,16,.72); }
.promotion-bind-card { align-self:start; height:max-content; }
.promotion-card h3,.promotion-history h3 { margin:0; color:#eee9df; font-size:14px; }
.promotion-card > p,.promotion-share-copy > p { margin:6px 0 12px; color:#999b9f; font-size:10px; line-height:1.65; }
.promotion-inline-form { display:flex; align-items:center; gap:8px; }
.promotion-inline-form input,.promotion-link-row input { min-width:0; min-height:38px; flex:1; padding:0 10px; border:1px solid #383d43; border-radius:7px; color:#e9e6df; background:#0d0f12; font:inherit; font-size:11px; }
.promotion-inline-form .button,.promotion-link-row .button { min-height:38px; padding:0 11px; font-size:10px; white-space:nowrap; }
.promotion-inline-form .button:disabled,.promotion-link-row .button:disabled { opacity:.45; cursor:not-allowed; }
.promotion-status { min-height:14px; margin:7px 0 0; color:#a8c7b3; font-size:10px; }
.promotion-status.error { color:#f09a91; }
.promotion-footnote { margin:2px 0 0 !important; color:#888b91 !important; font-size:9px !important; }
.promotion-share-card { display:grid; grid-template-columns:minmax(0,1fr) 126px; align-items:center; gap:14px; }
.promotion-code-row { display:flex; align-items:center; gap:9px; margin:10px 0 8px; }
.promotion-code-row > span,.promotion-link-label { color:#96989d; font-size:10px; }
.promotion-code-row > strong { color:#e5d2a0; font-size:15px; letter-spacing:.1em; }
.promotion-code-row .button { min-height:30px; padding:0 9px; font-size:9px; }
.promotion-link-label { display:block; margin-bottom:5px; }
.promotion-link-row { display:flex; gap:7px; }
.promotion-link-row input { font-size:9px; }
.promotion-qr { display:grid; width:126px; height:126px; place-items:center; padding:8px; border-radius:9px; background:#fff; }
.promotion-qr svg { display:block; width:100%; height:100%; shape-rendering:crispEdges; }
.promotion-qr > span { color:#6e7074; font-size:9px; text-align:center; }
.promotion-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.promotion-summary > div { display:grid; gap:5px; padding:11px 12px; border:1px solid #30343a; border-radius:8px; background:rgba(16,18,21,.86); }
.promotion-summary > [hidden] { display:none; }
.promotion-summary span { color:#96989d; font-size:9px; }
.promotion-summary strong { color:#eee8dc; font-size:16px; }
.promotion-withdraw { display:grid; grid-template-columns:minmax(0,1fr) minmax(130px,.3fr) minmax(220px,.7fr); align-items:center; gap:8px 12px; padding:12px; border:1px solid #38352b; border-radius:9px; background:rgba(212,190,137,.04); }
.promotion-withdraw > div:first-child { display:grid; gap:4px; }
.promotion-withdraw > div:first-child strong { color:#e7d7ae; font-size:12px; }
.promotion-withdraw > div:first-child small,.promotion-withdraw > small { color:#92949a; font-size:9px; line-height:1.5; }
.promotion-withdraw > label { color:#a4a39e; font-size:10px; }
.promotion-withdraw .promotion-inline-form { grid-column:3; }
.promotion-withdraw .promotion-status { grid-column:1/-1; }
.promotion-history { display:grid; gap:7px; }
.promotion-history-list,.promotion-history #promotion-history-list { display:grid; gap:5px; }
.promotion-history-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:10px; padding:8px 10px; border:1px solid #292d32; border-radius:7px; color:#a5a6a8; font-size:9px; }
.promotion-history-row strong { color:#dfd4b8; font-size:10px; }
.promotion-history-row small { color:#85888d; font-size:9px; }
html[data-theme="light"] .promotion-center { border-color:#ded1ad; background:linear-gradient(145deg,#fbf7eb,#f3f1eb 55%); }
html[data-theme="light"] .promotion-center-heading h2,html[data-theme="light"] .promotion-card h3,html[data-theme="light"] .promotion-history h3,html[data-theme="light"] .promotion-summary strong { color:#262626; }
html[data-theme="light"] .promotion-card,html[data-theme="light"] .promotion-summary > div { border-color:#d8d9dc; background:#fff; }
html[data-theme="light"] .promotion-inline-form input,html[data-theme="light"] .promotion-link-row input { border-color:#cfd1d5; color:#24262a; background:#fff; }
html[data-theme="light"] .promotion-withdraw { border-color:#ded1ad; background:#fbf7eb; }
html[data-theme="light"] .promotion-history-row { border-color:#d8d9dc; }

@media (max-width: 920px) {
  .recharge-layout { grid-template-columns: 1fr; }
  .recharge-payment-card { max-width: none; }
}
@media (max-width: 760px) {
  .recharge-page { gap: 13px; padding: 19px 0 38px; }
  .recharge-heading h1 { font-size: 29px; }
  .recharge-heading > p:last-child { font-size: 12px; }
  .recharge-balance-card { align-items: flex-start; flex-direction: column; gap: 13px; padding: 16px; }
  .recharge-balance-actions { width: 100%; justify-content: flex-start; }
  .recharge-balance-actions .button { flex: 1; }
  .recharge-steps { align-items: stretch; flex-direction: column; gap: 7px; padding: 12px; }
  .recharge-steps > i { width: 1px; height: 8px; min-width: 0; margin-left: 11px; flex: 0 0 auto; }
  .recharge-steps > div { font-size: 11px; }
  .recharge-card { padding: 16px; }
  .recharge-card-heading h2 { font-size: 17px; }
  .recharge-plan { min-height: 76px; padding: 11px; }
  .recharge-plan strong { font-size: 15px; }
  .recharge-plan small { font-size: 10px; }
  .promotion-center { padding:14px; }
  .promotion-center-grid { grid-template-columns:1fr; }
  .promotion-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .promotion-withdraw { grid-template-columns:1fr; }
  .promotion-withdraw .promotion-inline-form { grid-column:auto; }
  .promotion-withdraw .promotion-status { grid-column:auto; }
}
@media (max-width: 420px) {
  .promotion-share-card { grid-template-columns:minmax(0,1fr) 90px; gap:9px; padding:11px; }
  .promotion-qr { width:90px; height:90px; padding:6px; }
  .promotion-link-row { flex-wrap:wrap; }
  .promotion-link-row input { flex-basis:100%; }
  .promotion-inline-form { align-items:stretch; flex-direction:column; }
  .promotion-inline-form input,.promotion-inline-form .button { width:100%; }
}

/* Invite poster refresh: larger prices, a real account QR, and mobile-first actions. */
.promotion-share-card { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; padding:17px; }
.promotion-share-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.promotion-share-heading > div { min-width:0; }
.promotion-share-eyebrow { display:block; margin-bottom:5px; color:#d7c181; font-size:9px; font-weight:700; letter-spacing:.16em; }
.promotion-share-heading h3 { font-size:17px; line-height:1.35; }
.promotion-share-mark { flex:0 0 auto; padding:7px 10px; border:1px solid rgba(214,192,128,.42); border-radius:999px; color:#e5d39b; background:rgba(214,192,128,.08); font-size:11px; }
.promotion-share-intro { margin:0 !important; font-size:11px !important; }
.promotion-share-layout { display:grid; grid-template-columns:minmax(180px,.72fr) minmax(0,1fr); align-items:center; gap:17px; }
.promotion-poster-frame { position:relative; width:min(100%,245px); margin:0 auto; overflow:hidden; border:1px solid rgba(222,199,132,.58); border-radius:12px; background:#111518; box-shadow:0 12px 30px rgba(0,0,0,.28); aspect-ratio:9/16; }
.promotion-poster-frame canvas { display:block; width:100%; height:100%; object-fit:cover; }
.promotion-poster-frame canvas[hidden] { display:none; }
.promotion-poster-placeholder { display:grid; width:100%; height:100%; place-content:center; gap:8px; color:#d8c695; background:radial-gradient(ellipse at 50% 12%,rgba(219,194,127,.15),transparent 45%),linear-gradient(145deg,#151a1d,#0d1012); font-size:14px; line-height:1.8; text-align:center; white-space:pre-line; }
.promotion-poster-placeholder[hidden] { display:none; }
.promotion-share-details { display:grid; min-width:0; gap:12px; }
.promotion-price-points { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.promotion-price-points > div { display:grid; gap:5px; min-width:0; padding:11px 12px; border:1px solid rgba(211,190,138,.28); border-radius:9px; background:linear-gradient(145deg,rgba(208,186,128,.09),rgba(17,20,22,.92)); }
.promotion-price-points > div:nth-child(2) { border-color:rgba(131,201,186,.3); }
.promotion-price-points span { color:#aaa69a; font-size:10px; }
.promotion-price-points strong { color:#f0dda6; font-size:15px; line-height:1.35; white-space:nowrap; }
.promotion-price-points > div:nth-child(2) strong { color:#bce9df; }
.promotion-price-points strong b { font-size:22px; }
.promotion-price-points strong small { font-size:10px; font-weight:500; }
.promotion-price-points em { color:#8e9093; font-size:9px; font-style:normal; line-height:1.45; }
.promotion-share-card .promotion-code-row { flex-wrap:wrap; gap:8px; margin:0; }
.promotion-share-card .promotion-code-row > span { width:100%; }
.promotion-share-card .promotion-code-row > strong { overflow-wrap:anywhere; font-size:18px; }
.promotion-share-card .promotion-code-row .button { min-height:34px; padding-inline:12px; font-size:10px; }
.promotion-share-card .promotion-link-label { margin:0; }
.promotion-share-card .promotion-link-row { min-width:0; }
.promotion-share-card .promotion-link-row input { font-size:10px; }
.promotion-share-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.promotion-share-actions .button { min-width:0; min-height:40px; padding:0 10px; font-size:11px; white-space:nowrap; }
.promotion-share-actions .button:disabled { cursor:not-allowed; opacity:.45; }
#promotion-share-status { min-height:14px; margin:0; color:#a8c7b3; font-size:10px; }
.promotion-share-footnote { margin:0 !important; color:#85888d !important; font-size:9px !important; line-height:1.6; }
html[data-theme="light"] .promotion-share-mark { color:#705b2a; background:#faf4e4; }
html[data-theme="light"] .promotion-share-intro { color:#63656a !important; }
html[data-theme="light"] .promotion-poster-frame { border-color:#d7c58d; }
html[data-theme="light"] .promotion-poster-placeholder { color:#705b2a; background:radial-gradient(ellipse at 50% 12%,#f3e7c6,transparent 50%),linear-gradient(145deg,#fffdf8,#f1eadb); }
html[data-theme="light"] .promotion-price-points > div { border-color:#dfd3b3; background:linear-gradient(145deg,#fbf5e5,#fff 85%); }
html[data-theme="light"] .promotion-price-points span,html[data-theme="light"] .promotion-price-points em { color:#696b6e; }
html[data-theme="light"] .promotion-price-points strong { color:#705b2a; }
html[data-theme="light"] .promotion-price-points > div:nth-child(2) strong { color:#286d64; }
@media (max-width:760px) {
  .promotion-share-card { padding:14px; }
  .promotion-share-layout { grid-template-columns:1fr; gap:14px; }
  .promotion-poster-frame { width:min(100%,282px); }
  .promotion-share-details { gap:10px; }
  .promotion-price-points > div { padding:10px; }
  .promotion-share-card .promotion-code-row { align-items:center; }
  .promotion-share-card .promotion-code-row > span { width:auto; margin-right:auto; }
}
@media (max-width:420px) {
  .promotion-share-heading h3 { font-size:15px; }
  .promotion-share-mark { padding:6px 8px; font-size:10px; }
  .promotion-share-actions { grid-template-columns:1fr; }
  .promotion-share-actions .button { min-height:42px; }
  .promotion-share-card .promotion-link-row { flex-wrap:nowrap; }
  .promotion-share-card .promotion-link-row input { flex-basis:auto; }
}

/* Equal-height promotion cards, followed by full-width account controls. */
.promotion-center-grid {
  align-items: stretch;
  grid-template-areas: "management share";
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
}
.promotion-management-column {
  display: grid;
  min-width: 0;
  align-content: stretch;
  gap: 10px;
  padding: 12px;
  border: 1px solid #2c3036;
  border-radius: 10px;
  background: rgba(12,14,16,.44);
  grid-template-areas: "bind" "summary" "steps";
  grid-template-columns: minmax(0,1fr);
  grid-template-rows: auto auto minmax(130px,1fr);
  grid-area: management;
}
.promotion-bind-card { grid-area: bind; }
.promotion-summary { grid-area: summary; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.promotion-flow-card {
  grid-area: steps;
  padding: 12px 14px;
  border: 1px solid #2c3036;
  border-radius: 10px;
  background: rgba(12,14,16,.52);
}
.promotion-flow-heading { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.promotion-flow-heading > span { color:#cdb77d; font-size:8px; font-weight:700; letter-spacing:.14em; }
.promotion-flow-heading h3 { margin:0; color:#eee9df; font-size:12px; }
.promotion-flow-list { display:grid; gap:8px; margin:10px 0 0; padding:0; list-style:none; }
.promotion-flow-list li { display:grid; grid-template-columns:25px minmax(0,1fr); align-items:center; gap:8px; }
.promotion-flow-list li > span { display:grid; width:24px; height:24px; place-items:center; border:1px solid rgba(211,190,138,.35); border-radius:50%; color:#e1ce98; background:rgba(211,190,138,.07); font-size:8px; }
.promotion-flow-list li > div { display:grid; gap:2px; min-width:0; }
.promotion-flow-list strong { color:#e8e3d9; font-size:10px; }
.promotion-flow-list small { color:#999b9f; font-size:9px; line-height:1.5; }
.promotion-flow-card { align-content:start; }
.promotion-share-card { grid-area: share; align-self:stretch; box-sizing:border-box; }
.promotion-withdraw {
  width:100%;
  box-sizing:border-box;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:8px 20px;
}
.promotion-withdraw > div:first-child { grid-column:1; grid-row:1 / span 2; }
.promotion-withdraw > label { grid-column:2; }
.promotion-withdraw .promotion-inline-form { grid-column:2; }
.promotion-withdraw .promotion-status,.promotion-withdraw > small { grid-column:1 / -1; }
.promotion-history { padding:13px; border:1px solid #2c3036; border-radius:10px; background:rgba(12,14,16,.44); }
html[data-theme="light"] .promotion-flow-card { border-color:#d8d9dc; background:#fff; }
html[data-theme="light"] .promotion-flow-heading h3,html[data-theme="light"] .promotion-flow-list strong { color:#262626; }
html[data-theme="light"] .promotion-flow-list small { color:#696b6e; }
html[data-theme="light"] .promotion-management-column,html[data-theme="light"] .promotion-history { border-color:#d8d9dc; background:#fff; }

@media (max-width:760px) {
  .promotion-center-grid {
    grid-template-areas: "management" "share";
    grid-template-columns: minmax(0,1fr);
  }
  .promotion-management-column {
    min-height:0;
    grid-template-rows:auto auto auto;
  }
  .promotion-share-card { height:auto; }
  .promotion-withdraw { grid-template-columns:minmax(0,1fr); }
  .promotion-withdraw > div:first-child,.promotion-withdraw > label,.promotion-withdraw .promotion-inline-form { grid-column:1; grid-row:auto; }
  .promotion-withdraw .promotion-status,.promotion-withdraw > small { grid-column:1; }
}
@media (max-width:420px) {
  .promotion-flow-card { padding:11px; }
  .promotion-flow-list { gap:7px; }
}