.pause-card { --pause-green:#3d5b3e; --pause-brown:#70503e; --pause-muted:#897e72; background:#fff; color:#24231f; border:1px solid #e6e0d7; border-radius:28px; padding:24px; font-family:inherit; box-sizing:border-box; }
.pause-card,.pause-confirm-dialog { --pause-surface:#f4f3f0; --pause-border:#e2e0dc; }
.pause-card header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.pause-card h3 { font-size:1.35rem; margin:10px 0 20px; }
.pause-eyebrow { text-transform:uppercase; font-size:.73rem; font-weight:800; letter-spacing:.13em; color:var(--pause-brown); margin:0; }
.pause-tag { font-size:.65rem; font-weight:800; text-transform:uppercase; border-radius:999px; background:var(--pause-surface); color:var(--pause-green); padding:8px 12px; white-space:nowrap; }
.pause-copy,.pause-note,.pause-impact p { font-size:.92rem; line-height:1.55; color:#625d56; }
.pause-note { background:var(--pause-surface,#f4f3f0); border:1px solid var(--pause-border,#e2e0dc); border-radius:20px; padding:16px; margin:18px 0; }
.pause-dates,.pause-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:16px 0; }
.pause-card label { display:block; font-size:.73rem; line-height:1.35; text-transform:uppercase; letter-spacing:.05em; font-weight:700; color:var(--pause-muted); }
.pause-dates label { background:var(--pause-surface); border:1px solid var(--pause-border); border-radius:20px; padding:15px; min-width:0; }
.pause-card input:not([type=checkbox]) { display:block; width:100%; min-width:0; box-sizing:border-box; font:inherit; font-size:.96rem; color:#24231f; text-transform:none; letter-spacing:0; background:transparent; padding:12px 0 2px; border:0; }
.pause-dates input { margin-top:10px; }
.pause-card input:focus-visible,.pause-card button:focus-visible,.pause-card summary:focus-visible { outline:3px solid #859b73; outline-offset:3px; }
.pause-reason,.pause-exception-key { padding:12px; border:1px solid #e8e1d8; border-radius:12px; margin:12px 0; }
.pause-exception { margin:18px 0; line-height:1.6; }
.pause-impact { background:var(--pause-surface); border:1px solid var(--pause-border); border-radius:22px; padding:18px; margin:16px 0; }
.pause-impact header { color:var(--pause-green); font-weight:800; }
.pause-button { border:0; border-radius:16px; padding:16px; background:var(--pause-green); color:#fff; font:inherit; font-size:.84rem; font-weight:800; cursor:pointer; }
.pause-button.secondary { color:#615b54; background:#eeeae2; }
.pause-button:disabled { cursor:not-allowed; opacity:.42; }
.pause-error,[data-pause-notice]:not([hidden]) { padding:14px; border-radius:14px; background:#f3e7e0; color:var(--pause-brown); font-size:.88rem; line-height:1.5; }
.pause-history { margin-top:20px; font-size:.84rem; line-height:1.5; }
.pause-history article { padding:14px 0; border-top:1px solid #e8e1d8; overflow-wrap:anywhere; }
.pause-history summary,.pause-impact summary { cursor:pointer; font-weight:700; }
.pause-card [hidden] { display:none !important; }
.subscription-pause-launcher > summary { cursor:pointer; color:#70503e; font-weight:700; padding:12px 6px; }
@media(max-width:420px) { .pause-card { padding:18px; border-radius:24px; } .pause-dates label { padding:12px; } .pause-card header { flex-wrap:wrap; } .pause-card input:not([type=checkbox]) { font-size:.86rem; } }

.client-webapp-page.pause-pilot-enabled .screen[data-screen="profile"] .profile-membership-summary {
  padding:16px !important;
  border-radius:24px !important;
}
.client-webapp-page.pause-pilot-enabled .profile-membership-summary .summary-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
}
.client-webapp-page.pause-pilot-enabled .screen[data-screen="profile"] .profile-membership-summary .summary-item {
  display:flex; flex-direction:column; align-items:flex-start; gap:6px;
  min-width:0; padding:10px !important;
  background:#f4f3f0 !important; border:1px solid #e2e0dc !important;
  border-radius:16px !important; box-shadow:none !important;
}
.client-webapp-page.pause-pilot-enabled .profile-membership-summary .summary-item span {
  font-size:.67rem !important; line-height:1.3;
}
.client-webapp-page.pause-pilot-enabled .profile-membership-summary .summary-item strong {
  font-size:.95rem !important; line-height:1.25;
}
.pause-card-profile {
  padding:16px;
  border-radius:24px;
  box-shadow:var(--client-shadow-soft,0 10px 22px rgba(78,58,42,.05));
}
.pause-card-profile .pause-profile-heading { align-items:center; flex-wrap:nowrap; gap:8px; }
.pause-card-profile .pause-eyebrow { font-size:.65rem; letter-spacing:.1em; }
.pause-card-profile h3 { font-family:var(--font-display); font-size:1.2rem; font-weight:800; margin:6px 0 12px; line-height:1.2; }
.pause-card-profile .pause-tag { font-size:.58rem; padding:6px 9px; }
.pause-card-profile .pause-copy,.pause-card-profile .pause-note,.pause-card-profile .pause-impact p,.pause-important p { font-size:.85rem; line-height:1.45; }
.pause-card-profile .pause-copy { margin:0 0 12px; }
.pause-important { padding:12px; border:1px solid var(--pause-border); border-radius:16px; background:var(--pause-surface); color:#625d56; }
.pause-important > strong { display:block; text-transform:uppercase; font-size:.68rem; letter-spacing:.08em; color:#70503e; }
.pause-important p { margin:5px 0 0; }
.pause-card-profile .pause-note { padding:12px; border-radius:16px; margin:12px 0; }
.pause-choose-dates { display:block; width:100%; min-height:44px; background:#2c2e25; color:#f6f3ee; text-transform:uppercase; border-radius:16px; padding:12px; font-size:.8rem; }
.pause-card-profile .pause-impact { padding:12px; margin:12px 0; border-radius:16px; }
.pause-card-profile .pause-impact > strong { font-size:.95rem; }
.pause-active-summary { display:grid; gap:12px; }
.pause-active-summary dl { margin:0; }
.pause-active-dates { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.pause-active-dates > div { padding:12px; border-radius:16px; background:var(--pause-surface); border:1px solid var(--pause-border); min-width:0; }
.pause-active-summary dt,.pause-return-class > span:first-child { display:block; color:#625d56; font-size:.8rem; line-height:1.35; }
.pause-active-summary dd { margin:6px 0 0; color:#24231f; font-size:1rem; font-weight:800; line-height:1.35; }
.pause-return-class { display:grid; gap:5px; padding:16px; border-radius:18px; background:var(--pause-surface); border:1px solid var(--pause-border); }
.pause-return-class > span:first-child { color:#3d5b3e; }
.pause-return-class > strong { color:#2f4931; font-size:1.15rem; line-height:1.3; }
.pause-return-time { font-size:1.1rem; font-weight:800; color:#2f4931; }
.pause-new-expiration { padding:12px 14px; border-radius:16px; background:var(--pause-surface); }
.pause-reservations { border-top:1px solid #e8e1d8; padding-top:4px; }
.pause-reservations summary { min-height:44px; display:list-item; align-content:center; cursor:pointer; font-size:.85rem; font-weight:700; color:#3d5b3e; }
.pause-reservations p { margin:0; padding:8px 0; font-size:.85rem; color:#625d56; }
.pause-active-summary .pause-manage-button { width:100%; color:#70503e; background:#fff; border:1px solid #d6c2ae; }
.pause-card-profile.has-pause-summary { padding:0; border:0; background:transparent; box-shadow:none; }
.has-pause-summary > .pause-profile-heading,.has-pause-summary > h3 { margin-left:4px; margin-right:4px; }
.has-pause-summary .pause-active-summary { gap:16px; }
.pause-period-card,.has-pause-summary .pause-return-class,.has-pause-summary .pause-reservations { padding:18px; border:1px solid #e2e0dc; border-radius:22px; background:#fff; box-shadow:0 5px 20px rgba(48,50,43,.035); }
.pause-period-card { position:relative; }
.pause-period-card > header { align-items:center; gap:8px; margin-bottom:14px; }
.pause-period-card > header > span { color:#757c70; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.035em; }
.pause-period-card > header > strong { padding:5px 8px; border-radius:5px; background:#f4f5f1; color:#354434; font-size:.72rem; font-weight:700; white-space:nowrap; }
.pause-period-card .pause-active-dates { gap:12px; }
.pause-period-card .pause-active-dates > div { padding:14px 12px; background:#f7f6f3; border-color:#eae8e2; border-radius:16px; }
.pause-period-card dt { font-size:.76rem; color:#777e73; }
.pause-period-card dd { margin-top:12px; font-family:var(--font-display,inherit); font-size:1rem; letter-spacing:-.025em; }
.pause-period-card small { display:block; margin-top:6px; font-size:.67rem; color:#8a8e85; line-height:1.5; text-transform:capitalize; }
.pause-period-arrow { position:absolute; top:57%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:28px; height:28px; border:1px solid #e2e0dc; border-radius:50%; background:#faf9f6; color:#7a8376; }
.pause-period-arrow svg { width:16px; height:16px; }
.has-pause-summary .pause-return-class { position:relative; display:block; overflow:hidden; border:2px solid #d3d9d0; background:linear-gradient(120deg,#fff,#f5f7f3); }
.has-pause-summary .pause-return-class::before { content:""; position:absolute; right:18px; bottom:-20px; width:46px; height:130px; border-radius:100% 0 100% 0; transform:rotate(-25deg); background:#e7ece4; opacity:.7; pointer-events:none; }
.pause-return-class > header { position:relative; align-items:center; gap:8px; margin:0 0 14px; flex-wrap:wrap; }
.pause-return-class > header > span:first-child { color:#354434; font-size:.68rem; text-transform:uppercase; font-weight:800; letter-spacing:.035em; }
.pause-return-badge { display:inline-flex; align-items:center; gap:4px; padding:5px 8px; border:1px solid #cfddc9; border-radius:999px; background:#edf3e9; color:#3d5b3e; font-size:.65rem; line-height:1.3; }
.pause-return-badge svg { width:14px; height:14px; }
.has-pause-summary .pause-return-class > strong { position:relative; display:block; font-size:1.3rem; color:#354434; text-transform:capitalize; }
.pause-return-line { position:relative; display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 10px; margin:8px 0 0; }
.pause-return-type { color:#777e73; font-size:.8rem; }
.pause-return-type::before { content:"·"; margin-right:8px; }
.pause-return-footer { position:relative; display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:8px; margin-top:16px; padding-top:12px; border-top:1px solid #e4e8df; font-size:.7rem; color:#7b8176; }
.pause-return-detail { min-width:0; }
.pause-return-detail summary { min-height:40px; align-content:center; color:#354434; cursor:pointer; list-style:none; font-size:.76rem; }
.pause-return-detail summary::-webkit-details-marker { display:none; }
.pause-return-detail[open] summary { text-decoration:underline; }
.pause-return-detail[open] { flex-basis:100%; }
.pause-return-detail p { margin:0; line-height:1.6; color:#625d56; }
.has-pause-summary .pause-reservations { padding:12px 16px; }
.has-pause-summary .pause-reservations > summary { display:flex; align-items:center; gap:10px; min-height:56px; color:#24231f; list-style:none; }
.has-pause-summary .pause-reservations > summary::-webkit-details-marker { display:none; }
.pause-reservations-arrow { flex:none; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#f4f3f0; color:#354434; }
.pause-reservations-arrow svg { width:15px; height:15px; transition:transform .15s ease; }
.pause-reservations[open] .pause-reservations-arrow svg { transform:rotate(90deg); }
.pause-reservations summary > span:nth-child(2) { flex:1; min-width:0; }
.pause-reservations summary strong { display:block; font-size:.88rem; font-family:var(--font-display,inherit); }
.pause-reservations summary small { display:block; margin-top:3px; font-size:.69rem; font-weight:400; line-height:1.45; color:#84897d; }
.pause-reservations-detail { flex:none; padding:4px 7px; border-radius:5px; border:1px solid #e7e5df; background:#f4f3f0; color:#354434; font-size:.7rem; font-weight:600; }
.has-pause-summary .pause-reservations p { border-top:1px solid #efede7; padding:10px 0; line-height:1.5; }
.has-pause-summary .pause-new-expiration { display:block; border:1px solid #e2e0dc; background:#f4f3f0; }
.has-pause-summary .pause-new-expiration > div { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.has-pause-summary .pause-new-expiration dt { font-size:.75rem; }
.has-pause-summary .pause-new-expiration dd { margin:0; font-size:.85rem; white-space:nowrap; }
@media(max-width:360px) { .pause-period-card,.has-pause-summary .pause-return-class { padding:14px; } .pause-period-card .pause-active-dates > div { padding:12px 8px; } .pause-period-card dd { font-size:.9rem; } .pause-period-card > header { flex-wrap:wrap; } .pause-reservations-detail { display:none; } }
.pause-scheduled-note { margin:0; padding:12px 14px; border-radius:14px; background:var(--pause-surface); color:#625247; font-size:.85rem; line-height:1.45; }
.home-next-cycle-pause-banner { box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:64px; padding:14px 16px; border:1px solid #e2e0dc; border-radius:18px; background:#f4f3f0; color:#70503e; font:inherit; text-align:left; cursor:pointer; }
.home-next-cycle-pause-banner strong { display:block; font-size:.85rem; line-height:1.4; }
.home-next-cycle-pause-banner small { display:block; margin-top:4px; font-size:.75rem; text-decoration:underline; }
.home-next-cycle-pause-banner:focus-visible { outline:3px solid #859b73; outline-offset:3px; }
.pause-confirm-dialog { --pause-green:#3d5b3e; --pause-brown:#70503e; box-sizing:border-box; width:calc(100% - 32px); max-width:400px; max-height:calc(100dvh - 32px); margin:auto; padding:24px; border:1px solid #e6e0d7; border-radius:24px; background:#fff; color:#24231f; font-family:inherit; overflow:auto; box-shadow:0 18px 70px rgba(40,34,27,.2); }
.pause-confirm-dialog::backdrop { background:rgba(35,35,29,.5); }
.pause-confirm-dialog h2 { margin:8px 0 20px; font-size:1.4rem; line-height:1.2; font-weight:800; color:#24231f; }
.pause-confirm-dialog dl { margin:0; }
.pause-confirm-dates { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.pause-confirm-dates > div { min-width:0; padding:12px; border:1px solid var(--pause-border); border-radius:14px; background:var(--pause-surface); }
.pause-confirm-dialog dt { font-size:.8rem; line-height:1.35; color:#625d56; }
.pause-confirm-dialog dd { margin:6px 0 0; font-size:1rem; line-height:1.35; font-weight:800; }
.pause-confirm-dialog .pause-confirm-expiry { padding:14px; margin-top:12px; border-radius:14px; background:var(--pause-surface); }
.pause-confirm-expiry dd { color:#3d5b3e; }
.pause-confirm-copy { margin:16px 0; font-size:.95rem; line-height:1.45; color:#625d56; }
.pause-confirm-actions { display:grid; gap:8px; }
.pause-confirm-actions .pause-button { width:100%; min-height:48px; padding:13px; font-size:.9rem; }
.pause-confirm-dialog button:focus-visible { outline:3px solid #859b73; outline-offset:3px; }
@media(max-width:360px) { .pause-confirm-dialog { padding:18px; } }
.pause-card-profile .pause-dates,.pause-card-profile .pause-actions { gap:8px; margin:12px 0; }
.pause-card-profile .pause-button { min-height:44px; padding:12px; font-size:.8rem; }
.client-webapp-page.pause-pilot-enabled .screen[data-screen="profile"] { gap:12px !important; }
.client-webapp-page.pause-pilot-enabled .screen[data-screen="profile"] .screen-header { margin:0 !important; }
.client-webapp-page.pause-pilot-enabled .screen[data-screen="profile"] .screen-header h2 { font-size:1.3rem !important; }
.client-webapp-page.pause-pilot-enabled .screen[data-screen="profile"] .eyebrow { font-size:.62rem !important; }
.client-webapp-page.pause-pilot-enabled .screen[data-screen="profile"] .section-card { padding:16px !important; border-radius:24px !important; }
.client-webapp-page.pause-pilot-enabled .screen[data-screen="profile"] .section-head { margin-bottom:10px !important; }
.client-webapp-page.pause-pilot-enabled .screen[data-screen="profile"] .section-head h3 { font-size:1.1rem !important; }
.client-webapp-page.pause-pilot-enabled .screen[data-screen="profile"] .profile-card { grid-template-columns:40px minmax(0,1fr) !important; padding:14px !important; gap:10px !important; border-radius:24px !important; }
.client-webapp-page.pause-pilot-enabled .screen[data-screen="profile"] .avatar-badge { width:40px !important; height:40px !important; border-radius:14px !important; font-size:.85rem !important; }
.client-webapp-page.pause-pilot-enabled .screen[data-screen="profile"] .profile-card strong { font-size:.95rem !important; }
.client-webapp-page.pause-pilot-enabled .screen[data-screen="profile"] .profile-card p { margin:2px 0 0 !important; font-size:.75rem !important; }
.client-webapp-page.pause-pilot-enabled .screen[data-screen="profile"] .action-stack { gap:8px !important; }
.client-webapp-page.pause-pilot-enabled .screen[data-screen="profile"] .list-action { min-height:44px !important; padding:10px 12px !important; font-size:.8rem !important; border-radius:14px !important; }

#home-account-card .home-account-track-row { position:relative; min-width:0; }
#home-account-card .home-account-track-row.has-scheduled-pause { margin-top:60px; }
#home-account-card .home-account-pause-marker { position:absolute; inset:0; pointer-events:none; }
#home-account-card .home-account-pause-trigger { position:absolute; z-index:2; top:-60px; left:clamp(78px,var(--pause-progress),calc(100% - 78px)); transform:translateX(-50%); display:flex; align-items:center; justify-content:center; gap:6px; min-width:156px; min-height:44px; padding:10px 12px; border:1px solid #e2e0dc; background:#f4f3f0; color:#70503e; border-radius:14px; cursor:pointer; font:inherit; font-size:.75rem; font-weight:800; pointer-events:auto; white-space:nowrap; }
#home-account-card .home-account-pause-trigger:focus-visible,#home-account-card .home-account-pause-details button:focus-visible,#home-account-card .home-account-pause-alert button:focus-visible { outline:2px solid #70503e; outline-offset:3px; }
#home-account-card .home-account-pause-start-arrow { position:absolute; top:-19px; left:clamp(8px,var(--pause-progress),calc(100% - 8px)); transform:translateX(-50%); color:#70503e; }
#home-account-card .pause-disclosure-chevron { flex:none; transition:transform .15s ease; }
#home-account-card .home-account-pause-trigger[aria-expanded="true"] .pause-disclosure-chevron { transform:rotate(180deg); }
#home-account-card .home-account-pause-details { padding:12px; border:1px solid #e2e0dc; border-radius:16px; background:#f4f3f0; color:#625247; }
#home-account-card .home-account-pause-details[hidden] { display:none !important; }
#home-account-card .home-account-pause-details > strong { color:#70503e !important; font-size:.85rem !important; }
#home-account-card .home-account-pause-details p,#home-account-card .home-account-pause-alert p { margin:6px 0 0; color:inherit !important; font-size:.8rem; line-height:1.5; }
#home-account-card .home-account-pause-details button,#home-account-card .home-account-pause-alert button { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:44px; margin-top:8px; padding:8px 0 0; border:0; background:transparent; color:#70503e; cursor:pointer; font:inherit; font-size:.8rem; font-weight:800; text-align:left; }
#home-account-card .home-account-pause-alert { display:grid; gap:8px; padding:14px; border:1px solid #e2e0dc; border-radius:18px; background:#f4f3f0; color:#58452e; }
#home-account-card .home-account-pause-status-tag { display:inline-flex; align-items:center; gap:5px; justify-self:start; padding:6px 9px; border-radius:999px; background:#70503e; color:#fff7f1; font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
#home-account-card .home-account-pause-alert > strong { font-size:1rem !important; line-height:1.25; color:#463726 !important; }
#home-account-card .home-account-pause-alert p,#home-account-card .home-account-pause-alert button { margin-top:0; }
#home-account-card .home-account-track-row.is-paused .home-account-period-track > span { background:#a87947 !important; }
.pause-payment-alert { box-sizing:border-box; display:flex; align-items:flex-start; gap:12px; padding:16px; border:1px solid #e4c667; border-radius:18px; background:#fff4cc; color:#604815; text-align:left; }
.pause-payment-alert > svg { flex:none; width:24px; height:24px; margin-top:1px; color:#805d0a; }
.pause-payment-alert > div,.pause-payment-alert > span:first-of-type { min-width:0; flex:1; }
.pause-payment-alert strong { display:block; color:inherit; font-size:.9rem; line-height:1.45; }
.pause-payment-alert p { margin:6px 0 0; color:inherit; font-size:.85rem; line-height:1.55; }
.pause-payment-alert .pause-payment-dates { display:grid; gap:12px; margin:16px 0 0; padding-top:14px; border-top:1px solid #e4c667; }
.pause-payment-dates dt { font-size:.72rem; line-height:1.5; }
.pause-payment-dates dd { margin:3px 0 0; color:inherit; font-size:.9rem; font-weight:800; line-height:1.45; }
.home-next-cycle-pause-banner.pause-payment-alert { align-items:center; border-color:#e4c667; background:#fff4cc; color:#604815; }
.pause-flow-summary > .pause-payment-alert { margin:0; }