#crm-controls button{appearance:none;-webkit-appearance:none;border:1px solid #d8cbb1;border-radius:10px;font-family:inherit;color:#66593e;background:#e9e2d1;cursor:pointer}#crm-controls .crm-tabs button[aria-pressed=true]{background:#252117;color:#d5bc83;border-color:#a98b4d}.club-wide{grid-column:1/-1}.club-plan strong{font-size:24px}.club-operation{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #ded5c3;padding:16px 0}.club-operation small{color:#746d60}.club-operation div{display:flex;gap:8px;flex-wrap:wrap}.club-operation a{color:#765d27}.club-error{color:#a02c20}.club-estimate{font-weight:700}.club-client,#club-admin{border-top:1px solid #ded5c3;margin-top:20px;padding-top:16px}#club-dialog{width:min(560px,calc(100% - 24px));max-height:90dvh;overflow:auto;background:#f7f4eb;color:#252117;border:1px solid #c6b384;border-radius:16px;padding:24px}#club-dialog form{display:grid;gap:14px}#club-dialog label{display:grid;gap:6px}#club-dialog input,#club-dialog select{font-size:16px;width:100%;min-width:0}#club-dialog button,#club-admin button,.club-client button,#club-history button,.club-plan button{touch-action:manipulation;appearance:none;font:inherit;border:1px solid #c6b384;border-radius:8px;background:#c6ab73;color:#252117;padding:12px;cursor:pointer}#club-dialog button:disabled,.club-plan button:disabled{opacity:.45}#club-dialog [hidden]{display:none}#club-dialog::backdrop{background:#0008}

/* Compact checkout: controls scroll independently; payment stays visible. */
#club-dialog form.club-checkout{display:flex;flex-direction:column;gap:10px;max-height:calc(90dvh - 110px);min-height:0}
#club-dialog .club-checkout-fields{display:grid;gap:12px;overflow-y:auto;min-height:0;flex:0 1 auto;padding:2px}
#club-dialog .club-checkout label{margin:0;gap:5px}
#club-dialog .club-checkout input,#club-dialog .club-checkout select{margin:0;min-height:44px;padding:10px;font-size:16px}
#club-dialog .club-checkout-pay{flex:none;min-height:48px;width:100%;margin:0}
#club-dialog .club-checkout-summary{overflow-y:auto;min-height:0;flex:0 2 auto;font-size:14px;line-height:1.45}
#club-dialog .club-checkout-summary p{margin:0 0 6px}
#club-dialog .club-checkout .club-error{margin:0;font-size:14px;flex:none}
#club-dialog .club-checkout .club-error:empty{display:none}
@media(max-width:600px){#club-dialog:has(.club-checkout){padding:16px}#club-dialog:has(.club-checkout) .modalhead{margin:0 0 12px;gap:10px}#club-dialog:has(.club-checkout) h2{font-size:20px;margin:0}#club-dialog:has(.club-checkout) .close{width:40px;height:40px;min-height:40px;padding:6px}}
#club-topup{touch-action:manipulation;appearance:none;font:inherit;border:1px solid #c6b384;border-radius:8px;background:#c6ab73;color:#252117;padding:12px;cursor:pointer}
#club-topup:focus-visible{outline:3px solid #92763c;outline-offset:3px}
#club-topup:disabled{opacity:.55;cursor:not-allowed}
#club-early-renew{appearance:none;font:inherit;border:1px solid #c6b384;border-radius:8px;background:#c6ab73;color:#252117;padding:12px;cursor:pointer}
#club-early-renew:disabled{opacity:.55;cursor:not-allowed}

.club-plan{display:flex;flex-direction:column;gap:12px;min-width:0}.club-plan p,.club-plan h3{margin:0}.club-plan button{margin-top:auto}.club-plan small{line-height:1.5;color:#66593e}.club-benefit{background:#e9dfc3;color:#493917;border-radius:8px;padding:12px;font-weight:700}.club-unit{font-weight:600}.club-comparison{border:1px solid #d8cbb1;border-radius:12px;padding:18px;min-width:0}.club-compare-controls{display:flex;flex-wrap:wrap;gap:12px}.club-compare-controls label{flex:1;min-width:180px}.club-compare-controls select{width:100%;font-size:16px}.club-saving{display:block;color:#586440;font-size:14px}.my-session-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.my-session-tabs button{appearance:none;font:inherit;background:#e9e2d1;color:#66593e;border:1px solid #d8cbb1;border-radius:8px;padding:12px;touch-action:manipulation}.my-session-tabs button[aria-pressed=true]{background:#252117;color:#d5bc83}#club-compare-result p{border-bottom:1px solid #ded5c3;padding-bottom:10px}

.club-intro{line-height:1.5;margin:0 0 12px}.club-intro strong{font-size:20px}.club-plan-note{font-size:14px;color:#66593e;margin:0}.club-comparison summary{cursor:pointer;font-weight:600;touch-action:manipulation}.club-comparison[open] summary{margin-bottom:16px}


/* Client card actions: consistent touch targets, including iOS. */
.club-client-actions{display:flex;flex-wrap:wrap;gap:10px}.club-client-actions button{flex:1 1 200px;min-height:44px;white-space:normal}.club-client button:disabled{opacity:.5;cursor:not-allowed}.club-client button.outline{background:transparent;color:#66593e;border-color:#d8cbb1}
#client-dialog-body .client-contact-button,#client-dialog-body a[href^="https://t.me/"]{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;appearance:none;-webkit-appearance:none;font:inherit;line-height:1.4;text-align:center;text-decoration:none;min-height:44px;max-width:100%;padding:12px 16px;margin:12px 0;border:1px solid #c6b384;border-radius:10px;background:#c6ab73;color:#252117;cursor:pointer;white-space:normal}
#client-dialog-body .client-contact-button:focus-visible,#client-dialog-body a[href^="https://t.me/"]:focus-visible{outline:2px solid #765d27;outline-offset:3px}
@media(max-width:600px){.club-client-actions{flex-direction:column}.club-client-actions button{flex:auto;width:100%}#client-dialog-body .client-contact-button,#client-dialog-body a[href^="https://t.me/"]{width:100%}}

.gift-recipient-results{display:grid;gap:8px;margin:8px 0}.gift-recipient-results[hidden]{display:none}.gift-recipient-results button{text-align:left;white-space:normal;min-height:48px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.gift-recipient-results small{font-size:.8em;opacity:.8}#gift-recipient-status{display:block;margin:8px 0}
.club-hours-calculator,.club-work-subscription{padding:18px;border:1px solid #d8cbb1;border-radius:12px;min-width:0;background:#f7f4eb}.club-work-subscription{grid-column:1/-1;margin-bottom:16px}.club-work-subscription h3,.club-hours-calculator h3{margin:0 0 12px}.club-work-balance{font-size:24px;font-weight:700;color:#66512b}.club-hours-calculator [data-package-hours]{flex-basis:100%;line-height:1.5}.club-hours-calculator small{color:#746d60}.club-work-subscription button{appearance:none;font:inherit;min-height:44px;padding:12px 16px;border:1px solid #c6b384;border-radius:10px;background:#c6ab73;color:#252117;cursor:pointer}

.club-work-subscription .work-manage-button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:14px 16px;background:transparent;text-align:left;font-weight:700;border-color:#c6b384}.work-manage-button:focus-visible{outline:2px solid #66512b;outline-offset:3px}.work-manage-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.work-manage-actions button{min-height:44px}.work-manage-actions [hidden]{display:none}#club-dialog [data-work-preview],#club-dialog [data-work-revoke-warning]{padding:14px;border:1px solid #d8cbb1;border-radius:10px;background:#f7f4eb;line-height:1.5}