/* Shared visual identity and payment forms. Browser-only application. */
.wiin-brand-logo,.wiin-mark{object-fit:contain!important;background:white!important;border-radius:6px!important;flex-shrink:0}
.member-brand .wiin-mark{width:70px;height:38px}
.member-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.member-nav a{min-width:0;white-space:normal;overflow-wrap:anywhere}
.browser-entry{text-align:center}.browser-entry-actions{display:grid;gap:12px;margin:24px 0}
.browser-entry .btn{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:10px 14px;border-radius:8px;border:1px solid #dbe2eb;text-decoration:none;font:inherit;line-height:1.3;background:white;color:#1d3048}
.member-body .browser-entry .primary{background:#a51220;color:white;border-color:#a51220}
.month-payment-dialog::backdrop{background:rgb(14 22 36 / .55)}
body.payment-dialog-open{overflow:hidden}.month-payment-dialog{padding:0;border:1px solid #dce3ee;border-radius:12px;width:min(460px,calc(100% - 28px));max-height:88dvh;box-sizing:border-box;color:#172139;box-shadow:0 18px 60px #0003}.month-dialog-head{padding:18px 20px;border-bottom:1px solid #e5eaf1;display:flex;gap:12px;align-items:center;justify-content:space-between;position:sticky;top:0;background:white;z-index:2}.month-dialog-head h2{font-size:19px;margin:0}.month-dialog-head button{font-size:22px;border:0;background:white;cursor:pointer;padding:0 7px}.month-dialog-content{padding:18px 20px}.month-manage-record{padding:0 0 16px}.month-manage-record h3{font-size:18px;margin:0 0 6px}.month-manage-actions{display:grid;gap:8px}.month-manage-actions form,.month-manage-actions .btn{margin:0;width:100%}.month-manage-actions button{width:100%;text-align:left;min-height:42px}.month-absence-note{border:1px solid #e7d29a;background:#fffaf0;border-radius:8px;padding:14px;margin-bottom:14px}.month-cancel{width:100%;margin-top:10px}.compact-payment fieldset{margin:0 0 14px;padding:0;border:0;min-width:0}.compact-payment legend{font-weight:600;margin-bottom:9px}.compact-payment .rate-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-payment .rate-chip{width:100%;min-height:46px;border:1px solid #dce3ee;background:white;border-radius:9px;color:#203650;font-weight:600;cursor:pointer;padding:10px 8px}.compact-payment .rate-chip.active,.compact-payment .rate-chip[aria-pressed="true"]{border-color:#2763ee;color:#1555eb;background:#f0f6ff}.compact-payment .quick-manual{display:flex;gap:12px;align-items:center;margin:12px 0}.compact-payment input[type=number],.compact-payment input[type=date],.compact-payment select{box-sizing:border-box;min-width:0;width:100%;max-width:100%}.compact-payment .quick-manual>label:first-child{flex:1;min-width:0}.compact-payment .quick-advanced{margin:16px 0}.compact-payment .quick-advanced summary{cursor:pointer;color:#63758c}.compact-payment .quick-advanced .form-grid{margin-top:12px}.compact-payment .quick-total{padding:14px;border-radius:9px;background:#f2f6fc;margin:12px 0}.compact-payment .quick-total>div{display:flex;justify-content:space-between;gap:12px}.compact-payment .quick-total strong{font-size:18px}.compact-payment .quick-total small{display:block;color:#586d87;margin-top:7px;line-height:1.4}.compact-payment .quick-confirm{width:100%;min-height:44px}.month-payment-dialog [hidden]{display:none!important}
/* Compact sheet must not inherit the old full-page save bar or generic dialog inputs. */
.month-payment-dialog #quick-payment{padding-bottom:0}.month-payment-dialog .month-dialog-head{margin:0}.month-payment-dialog .month-dialog-content{padding-top:14px}.compact-payment legend label,.compact-payment .offered-option{display:flex;align-items:center;gap:9px}.compact-payment input[type=checkbox]{width:18px!important;min-width:18px;min-height:18px!important;height:18px!important;padding:0!important;margin:0;flex:none;accent-color:#2563eb}.compact-payment legend{padding:0}.compact-payment .rate-options .btn{margin-bottom:0}.compact-payment .quick-manual{flex-wrap:nowrap}.compact-payment .quick-manual .offered-option{flex-direction:row;font-weight:400;padding-top:22px}.compact-payment .payment-save{display:block;position:static}.compact-payment #payment-error:empty{display:none}.month-payment-dialog .month-dialog-head button{width:40px;height:40px;min-width:40px;min-height:40px;padding:0}.month-payment-dialog .month-cancel{margin-bottom:0}


@media(max-width:760px){.member-nav a{font-size:11px;padding-left:3px;padding-right:3px}.member-brand .wiin-mark{width:54px;height:32px}.member-main{min-width:0}.member-top{gap:8px}.month-payment-dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:calc(100% - 20px)}.month-dialog-head,.month-dialog-content{padding:15px}}
.member-home .training-floating-actions{display:flex}.member-home .member-help>.btn{margin:0 8px 10px 0}

/* Price presets and a full-width offer toggle; no manual amount editor. */
.compact-payment .line-offered[hidden]{display:none!important}
.compact-payment .offer-pick{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin:10px 0 0;border:1px solid #dce3ee;border-radius:9px;background:#fff;color:#183e86}
.wiin-staff .compact-payment .offer-pick[aria-pressed="true"]{background:#eef3fc;border-color:#183e86;color:#183e86;font-weight:600}
.compact-payment .offer-pick:focus-visible,.compact-payment .rate-chip:focus-visible{outline:2px solid #183e86;outline-offset:3px}
.compact-payment .saved-amount{margin:8px 0;color:#526580;font-size:13px}

.wiin-staff .compact-payment .rate-chip[aria-pressed="true"]{background:#eef3fc;border-color:#183e86;color:#183e86}

/* Opt-in notifications: client card/banner and compact team sidebar panel. */
.push-panel{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dfe5ef;border-radius:14px;padding:14px 16px;margin:16px 0;color:#183e86;position:relative}
.push-panel[hidden],.push-panel [hidden]{display:none!important}
.push-icon{width:40px;height:40px;border-radius:12px;background:#eef2fa;display:grid;place-items:center;flex:none}
.push-icon svg{width:21px;height:21px}
.push-panel[data-push-state="on"] .push-icon{background:#e3f3ea;color:#17744a}
.push-copy{flex:1;min-width:0;display:grid;gap:2px}
.push-copy strong{font-size:15px}
.push-copy p{margin:0;font-size:13px;line-height:1.5;color:#526580}
.push-copy small:empty{display:none}
.push-copy small{font-size:12px;color:#526580}
.push-actions{display:flex;align-items:center;gap:6px;flex:none}
.push-actions .btn{margin:0;white-space:nowrap}
.push-dismiss{border:0;background:none;color:#526580;font-size:22px;line-height:1;width:32px;height:32px;cursor:pointer;border-radius:8px}
.push-banner{border-color:#183e86;background:#f6f8fd}
.push-compact{flex-direction:column;align-items:stretch;gap:8px;padding:12px;margin:0 0 10px;border-radius:12px}
.push-compact .push-icon{display:none}
.push-compact .push-copy strong{font-size:13px}
.push-compact .push-copy p{font-size:12px}
.push-compact .push-actions{flex-direction:column}
.push-compact .push-actions .btn{width:100%;min-height:36px;padding:8px 10px;font-size:13px}
@media(max-width:560px){.push-panel:not(.push-compact){flex-wrap:wrap}.push-panel:not(.push-compact) .push-actions{width:100%}.push-panel:not(.push-compact) .push-actions .btn{flex:1}.push-banner .push-dismiss{position:absolute;top:8px;right:8px}}