/* Untitled UI Settings02 6277:292893: section divider 6277:292900,
   table container 6277:292906; existing admin-kit billing rows reuse these parts.
   Existing subscription content/actions and calculation paths are untouched. */
@media screen {
  #page-user-main.customer-kit-shell #subscriptionManageSection { font:400 14px/20px var(--ck-font); color:var(--ck-text); }
  #page-user-main.customer-kit-shell #subscriptionManageSection :is(div,span,strong) { font-family:var(--ck-font) !important; letter-spacing:normal !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection :is(div,span)[style*="font-size"] { font-size:14px !important; line-height:20px !important; font-weight:400 !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection :is(div,span)[style*="font-weight:9"] { font-weight:600 !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection strong { font-weight:500; }
  #page-user-main.customer-kit-shell #subscriptionManageSection :is(div,span)[style*="color:var(--mono-accent)"],
  #page-user-main.customer-kit-shell #subscriptionManageSection :is(div,span)[style*="color:var(--gray3"] { color:var(--ck-muted) !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection :is(div,span,strong)[style*="color:var(--gray4)"],
  #page-user-main.customer-kit-shell #subscriptionManageSection :is(div,span)[style*="color:var(--ink"] { color:var(--ck-text) !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-section { padding:24px 0 !important; margin:0 !important; border:0 !important; border-bottom:1px solid var(--ck-line) !important; border-radius:0 !important; background:var(--ck-paper) !important; box-shadow:none !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-section:first-child { padding-top:0 !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-section:not(.csub-summary) > div:first-child { margin-bottom:16px !important; color:var(--ck-ink) !important; font:600 16px/24px var(--ck-font) !important; }

  /* Current plan and bill totals use the existing admin billing typography. */
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-summary > div:first-child { gap:16px 32px !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-summary > div:first-child > div { min-width:0 !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-summary > div:first-child > div > div:first-child { font-weight:500 !important; color:var(--ck-muted) !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-summary > div:first-child > div > div:nth-child(2) { font:600 20px/28px var(--ck-font) !important; color:var(--ck-ink) !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-summary > div:last-child > span { padding:0 12px 0 0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:var(--ck-text) !important; font:400 14px/20px var(--ck-font) !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-summary > div:last-child > span + span { border-left:1px solid var(--ck-line) !important; padding-left:12px !important; }

  /* Original bordered 12px container and neutral selected row, not marketing tiles. */
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-plan-grid { display:block !important; border:1px solid var(--ck-line); border-radius:12px; overflow:hidden; box-shadow:0 1px 2px rgb(0 0 0 / 5%); }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-plan { display:grid; grid-template-columns:minmax(0,1fr) 120px; gap:8px 20px; padding:16px 20px !important; border:0 !important; border-radius:0 !important; background:var(--ck-paper) !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-plan + .csub-plan { border-top:1px solid var(--ck-line) !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-plan.is-current { background:var(--ck-subtle) !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-plan > div:first-child { grid-column:1; display:block !important; position:relative; padding-right:52px; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-plan > div:first-child > div { display:flex; flex-wrap:wrap; gap:4px 20px; align-items:baseline; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-plan > div:first-child > div > div { margin:0 !important; font:600 14px/20px var(--ck-font) !important; color:var(--ck-ink) !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-plan > div:first-child > span { position:absolute; top:0; right:0; padding:0 !important; background:transparent !important; border-radius:0 !important; color:var(--ck-text) !important; font:500 12px/20px var(--ck-font) !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-plan > div:nth-child(2) { grid-column:1; min-height:0 !important; margin:0 !important; color:var(--ck-muted) !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-plan > button { grid-column:2; grid-row:1 / 3; margin:0 !important; align-self:center; text-decoration:none; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-reservation { flex-wrap:wrap; background:var(--ck-subtle) !important; border-color:var(--ck-line) !important; color:var(--ck-text) !important; padding:12px 16px !important; }

  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-options > div[style*="justify-content:space-between"] { padding:16px 20px !important; gap:12px 20px; flex-wrap:wrap; border-color:var(--ck-line) !important; border-radius:12px !important; background:var(--ck-paper) !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-options > div > div > div:first-child { font-weight:500 !important; color:var(--ck-ink) !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-options span[style*="border-radius:999px"] { border-radius:6px !important; padding:4px 8px !important; background:var(--ck-subtle) !important; color:var(--ck-text) !important; font-weight:500 !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-bill-grid { display:block !important; border:1px solid var(--ck-line); border-radius:12px; overflow:hidden; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-bill-grid > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 20px; padding:16px 20px !important; border:0 !important; border-radius:0 !important; background:var(--ck-paper) !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-bill-grid > div + div { border-top:1px solid var(--ck-line) !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-bill-grid > div > div:first-child { margin:0 !important; color:var(--ck-text) !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-bill-grid > div > div:nth-child(2) { grid-column:2; grid-row:1 / 3; font:600 16px/24px var(--ck-font) !important; text-align:right; font-variant-numeric:tabular-nums; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-bill-grid > div > div:last-child { grid-column:1; margin:0 !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-billing > div[style*="background:var(--tint-green2)"] { padding:12px 0 !important; border:0 !important; background:transparent !important; color:var(--ck-text) !important; font-weight:400 !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-payment > div[style*="font-size:15px"] { font-weight:500 !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-payment div[style*="background:rgba(185,28,28,0.04)"] { background:var(--ck-paper) !important; border-color:var(--ck-line) !important; border-radius:12px !important; padding:16px 20px !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection button { text-decoration:none !important; }
  body:has(#page-user-main.customer-kit-shell.active) #subConfirmModal > div { max-width:480px !important; word-break:keep-all; overflow-wrap:anywhere; }
  body:has(#page-user-main.customer-kit-shell.active) #subConfirmModal > div > div:first-child { padding:24px 24px 0 !important; }
  body:has(#page-user-main.customer-kit-shell.active) #subConfirmModal > div > div:last-child { justify-content:flex-end; gap:12px !important; padding:24px !important; }
  body:has(#page-user-main.customer-kit-shell.active) #subConfirmModal button { flex:0 1 auto !important; min-width:80px; }
}
@media screen and (max-width:600px) {
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-summary > div:last-child { flex-direction:column; align-items:flex-start; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-summary > div:last-child > span + span { border-left:0 !important; padding-left:0 !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-summary > div:first-child > div { width:100%; text-align:left !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-plan { grid-template-columns:minmax(0,1fr); padding:16px !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-plan > button { grid-column:1; grid-row:3; width:auto !important; justify-self:start; margin-top:4px !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-bill-grid > div { grid-template-columns:minmax(0,1fr); padding:16px !important; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-bill-grid > div > div:nth-child(2) { grid-column:1; grid-row:2; text-align:left; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-bill-grid > div > div:last-child { grid-row:3; }
  #page-user-main.customer-kit-shell #subscriptionManageSection .csub-options > div[style*="justify-content:space-between"] { padding:16px !important; }
}