@font-face{font-family:AyaSerif;src:local('Georgia')}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f8f4ef;color:#25172b;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8f72ff;outline-offset:4px}button[hidden],[hidden]{display:none!important}.topbar{height:96px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;gap:24px;border-bottom:1px solid #e4dbe8;background:#fffdfbf0}.brand{margin-right:auto;display:flex;align-items:center}.brand img{width:135px;height:75px;object-fit:contain}.back-link{font-size:13px;color:#62526b}.back-link span{margin-left:12px}main{max-width:1260px;margin:auto;padding:48px clamp(20px,4vw,60px) 70px;min-height:70vh}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:AyaSerif,Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.12}h1{font-size:clamp(38px,5vw,64px);margin-bottom:16px}h2{font-size:32px}h3{font-size:25px}p{color:#6a5b72}small{font-size:12px}label{font-size:13px;font-weight:600;display:block;color:#46354e}input,select,textarea{display:block;width:100%;background:#fff;border:1px solid #d9cedf;border-radius:10px;min-height:48px;padding:11px 13px;color:#25172b;margin:7px 0 15px}textarea{resize:vertical;min-height:110px}input::placeholder{color:#8c7e92}input[type=checkbox]{display:inline-block;width:18px;min-height:18px;margin:3px 10px 0 0;flex:0 0 18px;accent-color:#6f3d6b}.checkbox-label{display:flex;align-items:flex-start;font-weight:400;margin:16px 0;font-size:12px;line-height:1.5}.checkbox-label a{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:10px;border:1px solid #432044;padding:12px 22px;font-weight:600;font-size:14px;text-decoration:none;background:#432044;color:#fff;transition:background .2s}.button:hover{background:#6f3d6b;text-decoration:none}.button.secondary{background:transparent;color:#432044;border-color:#d9cedf}.button.secondary:hover{background:#eee5f5}.button.small{min-height:39px;padding:8px 15px;font-size:12px}.button.full{width:100%}.text-button{background:none;border:0;padding:0;color:#6f3d6b;font-size:13px;text-decoration:underline}.eyebrow{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#7b5d84;margin-bottom:16px}.login-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;min-height:650px}.login-intro{max-width:550px}.login-intro h1 em{color:#6f3d6b}.login-intro>p{max-width:390px;font-size:16px}.join-card{margin-top:38px;border-radius:22px;max-width:450px;height:245px;color:#f8f4ef;padding:26px 32px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 95% 0,#9271a9 0,transparent 56%),linear-gradient(115deg,#241128,#553059 65%,#805a84);box-shadow:0 26px 45px #43204420;border:1px solid #a88db466}.join-card:after{content:'';width:350px;height:350px;border:1px solid #c9b2ee44;border-radius:50%;position:absolute;left:60%;top:20px;box-shadow:0 0 0 35px #c9b2ee09,0 0 0 70px #c9b2ee05}.card-wordmark{font-family:Georgia,serif;font-size:22px;letter-spacing:.1em}.card-wordmark small{font-family:inherit;font-size:12px;display:block;letter-spacing:.3em;color:#d4bcdf}.join-card .card-rule{position:absolute;bottom:25px;left:32px;font-size:12px;letter-spacing:.03em;color:#e9d8ed}.card-monogram{position:absolute;right:34px;bottom:27px;font:italic 90px/1 Georgia,serif;color:#e9d8ed99}.auth-card{background:#fffdfb;border:1px solid #e6dce8;padding:36px;border-radius:20px;box-shadow:0 18px 50px #43204407}.auth-card h2{margin-bottom:12px}.auth-card>p{font-size:13px}.auth-tabs{display:flex;gap:20px;border-bottom:1px solid #e6dce8;margin-bottom:28px}.auth-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#82718a;padding:0 0 13px;font-size:13px}.auth-tabs button.active{border-color:#6f3d6b;color:#432044;font-weight:600}.form-error{color:#a51a43;font-size:13px;min-height:22px;margin:6px 0 15px}.form-success{padding:18px;background:#e8f1eb;color:#27573e;border-radius:12px}.demo-buttons{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.demo-buttons button{flex:1}.welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.welcome h1{font-size:clamp(36px,4.2vw,52px);margin-bottom:8px}.welcome p{margin-bottom:0;font-size:14px}.welcome .eyebrow{margin-bottom:10px}.navigation{display:flex;gap:9px;padding:8px;background:#ede5f2;border-radius:12px;margin-bottom:32px;overflow-x:auto}.navigation button{background:none;border:0;border-radius:8px;padding:11px 20px;color:#75627e;white-space:nowrap;font-size:13px}.navigation button.active{background:#fffdfb;color:#432044;box-shadow:0 4px 10px #43204409;font-weight:600}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.panel{padding:28px;background:#fffdfb;border:1px solid #e6dce8;border-radius:18px;min-width:0}.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.panel-head h2,.panel-head h3{margin-bottom:0}.panel-head .eyebrow{margin:0}.points-panel{padding:30px 34px;min-height:318px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 96% 0,#875798,transparent 58%),linear-gradient(110deg,#2b1531,#57305c);color:#fff;border-color:#684074}.points-panel:after{content:'';position:absolute;right:-115px;top:20px;width:330px;height:330px;border:1px solid #c9b2ee35;border-radius:50%;box-shadow:0 0 0 40px #c9b2ee06;pointer-events:none}.points-panel>*{position:relative;z-index:1}.points-panel .eyebrow{color:#ddc7e9}.point-number{font-family:Georgia,serif;font-size:88px;line-height:1;letter-spacing:-.065em;margin:20px 0 14px}.point-number span{font:400 15px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0;margin-left:12px;color:#ddc7e9}.points-panel p{font-size:12px;color:#e7d4ed;margin-bottom:0}.point-caption{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#ddc7e9;margin-top:22px}.progress-track{height:5px;background:#ffffff25;border-radius:10px;margin:16px 0 10px;overflow:hidden}.progress-track i{display:block;height:100%;background:#dbc4ed;border-radius:10px}.reward-feature{display:flex;flex-direction:column;justify-content:space-between}.reward-icon{width:58px;height:58px;border-radius:50%;background:#f0e8f6;display:grid;place-items:center;color:#6f3d6b;font-size:26px;margin-bottom:24px}.reward-feature h2{max-width:300px;margin-bottom:16px}.reward-feature p{font-size:13px}.pill{display:inline-flex;align-items:center;font-size:11px;font-weight:600;letter-spacing:.03em;padding:5px 10px;border-radius:7px;background:#eee6f4;color:#6f3d6b}.pill.green{background:#e6f1e8;color:#356744}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:38px 0 18px}.section-title h2{margin:0;font-size:28px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.post-card{padding:27px}.post-card .pill{margin-bottom:17px}.post-card h3{margin-bottom:13px}.post-card p{font-size:13px;white-space:pre-line}.post-card small{color:#8a7790}.history{margin-top:22px}.history-row{display:grid;grid-template-columns:45px 1fr auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #eee6f2}.history-row:last-child{border:0}.history-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f1ebf7;color:#7c5a89;font-size:19px}.history-row strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.history-row small{color:#8c7a94;display:block;font-size:11px}.history-value{text-align:right;color:#6f3d6b;font-size:15px;font-weight:600;white-space:nowrap}.history-value.negative{color:#9a647e}.member-strip{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e3d8e8;padding-top:20px}.member-strip small{display:block;color:#8b7793;font-size:11px}.member-code{font:14px ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em}.empty{padding:22px 0;color:#8a7790;font-size:13px}.profile-form{max-width:560px}.profile-form .button{margin-top:12px}.notice{font-size:12px;padding:14px 18px;background:#eee6f4;border:1px solid #dfd0e8;border-radius:10px;color:#634b6e;margin-bottom:22px}.notice.warning{background:#fbf0e3;color:#795230;border-color:#edd4b9}.staff-layout{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.staff-search{position:sticky;top:24px}.staff-search input{margin-bottom:18px}.customer-list{display:grid;gap:7px;max-height:480px;overflow:auto}.customer-item{border:1px solid transparent;background:#f8f4fa;width:100%;padding:13px 14px;border-radius:10px;text-align:left;color:#432044}.customer-item.active{border-color:#8b64a3;background:#eee4f6}.customer-item strong{display:block;font-size:13px}.customer-item small{display:block;font-size:11px;overflow-wrap:anywhere;color:#8a7393}.customer-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.customer-header h2{margin-bottom:8px}.customer-header p{font-size:12px;margin-bottom:4px;overflow-wrap:anywhere}.mini-balance{text-align:right;font:40px/1.1 Georgia,serif;white-space:nowrap}.mini-balance small{display:block;font:11px/1.8 sans-serif;color:#8b7593}.staff-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.ticket-form{margin-top:28px;padding-top:24px;border-top:1px solid #e6dce8}.ticket-form h3{font-size:24px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-help{font-size:12px;color:#8a7692;margin:-3px 0 18px}.credit-preview{padding:15px;background:#eee6f4;border-radius:10px;font-size:13px;color:#634b6e;margin-bottom:18px}.manage-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:start}.manage-item{padding:15px 0;border-bottom:1px solid #ede4f1;display:flex;justify-content:space-between;gap:16px;align-items:center}.manage-item strong{font-size:13px;display:block}.manage-item small{color:#8a7790;display:block}.manage-item .button{flex-shrink:0}.demo-banner{padding:9px 18px;background:#e9dcf1;text-align:center;color:#63486e;font-size:11px;letter-spacing:.02em}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;padding:15px 24px;background:#432044;color:#fff;box-shadow:0 12px 45px #43204435;border-radius:12px;max-width:calc(100vw - 32px);font-size:13px}.toast.error{background:#a02b4a}dialog{padding:28px;border:1px solid #ded0e5;border-radius:18px;width:min(520px,calc(100vw - 32px));color:#25172b;background:#fffdfb;box-shadow:0 20px 80px #25172b35}dialog::backdrop{background:#24102b85;backdrop-filter:blur(4px)}.dialog-head{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-head h2{margin:0;font-size:28px}.close-dialog{background:none;border:0;color:#6f3d6b;font-size:24px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.legal{max-width:780px}.legal h1{font-size:46px}.legal h2{font-size:25px;margin-top:35px}.legal p,.legal li{font-size:14px;color:#6a5b72}.loading{color:#8c7695;text-align:center;padding:120px 20px}footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #e4dbe8;padding:25px clamp(20px,5vw,80px);font-size:10px;color:#8a7891}footer>div{display:flex;gap:20px;flex-wrap:wrap}footer .text-button{font-size:10px}.loading-error{max-width:500px;margin:100px auto;text-align:center}.loading-error h1{font-size:35px}
@media(max-width:900px){.login-layout{gap:36px;grid-template-columns:1fr 1fr;min-height:590px}.auth-card{padding:26px}.staff-layout{grid-template-columns:270px 1fr}.manage-layout{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr 1fr}.points-panel{padding:28px}.point-number{font-size:76px}.topbar{height:85px}.topbar .brand img{height:67px;width:117px}}
@media(max-width:680px){main{padding-top:30px}.topbar{padding:0 20px;gap:12px}.back-link{font-size:11px}.button.small{font-size:11px;padding:8px 11px}.login-layout{grid-template-columns:1fr;gap:30px;min-height:0}.login-intro>p{max-width:320px}.login-intro h1{font-size:45px}.join-card{height:190px;margin-top:24px;max-width:none;padding:21px 25px}.card-monogram{font-size:68px;bottom:25px}.join-card .card-rule{left:25px;bottom:24px;font-size:11px}.auth-card{padding:25px}.welcome{align-items:flex-start;flex-direction:column;gap:14px}.welcome h1{font-size:38px}.welcome .button{min-height:42px;font-size:12px}.dashboard-grid,.cards{grid-template-columns:1fr}.points-panel{min-height:280px;padding:27px}.point-number{font-size:82px}.reward-feature{min-height:270px}.reward-icon{margin-bottom:15px;width:46px;height:46px;font-size:22px}.reward-feature h2{font-size:30px}.panel{padding:24px}.section-title{margin-top:30px}.section-title h2{font-size:26px}.navigation{margin-bottom:24px;gap:2px;padding:6px}.navigation button{padding:10px 13px;font-size:12px;flex:1}.staff-layout{grid-template-columns:1fr}.staff-search{position:static}.customer-list{max-height:200px}.staff-actions .button{flex:1}.customer-header h2{font-size:26px}.two-fields{grid-template-columns:1fr;gap:0}.history-row{grid-template-columns:36px 1fr auto;gap:12px}.history-icon{width:33px;height:33px;font-size:16px}.history-value{font-size:13px}.member-strip{gap:12px}.member-code{font-size:12px}.point-caption{font-size:11px}.manage-item{gap:10px}footer{display:block;font-size:10px}footer>div{margin-top:12px;gap:17px}.demo-banner{font-size:10px}.toast{bottom:16px;width:calc(100vw - 32px);text-align:center}.legal h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.points-panel .button.secondary{color:#f2e7f9;border-color:#b49cbf}.points-panel .button.secondary:hover{background:#ffffff15}.points-panel .member-strip small{color:#dcc4e6}
@media(max-width:680px){.navigation{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);overflow:visible}.navigation button{padding:10px 4px;font-size:11px;white-space:normal;line-height:1.4;min-width:0}}
.payment-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 6px}.payment-choice button{padding:17px 14px;text-align:left;border:1px solid #e1d6e8;background:#fffdfb;border-radius:12px;color:#7d6588}.payment-choice button.active{background:#eee6f4;border-color:#9574a6;color:#432044}.payment-choice strong,.payment-choice small{display:block}.payment-choice strong{font-size:14px}.payment-choice small{font-size:11px;margin-top:5px}.checkout-card{padding:20px;background:#f4edf8;border:1px solid #ded0e8;border-radius:12px;margin:12px 0}.checkout-card>div:first-child{display:flex;gap:15px;justify-content:space-between;font-size:14px}.checkout-card>small{display:block;margin-top:15px;color:#8c7297}.checkout-card code{display:block;overflow-wrap:anywhere;font-size:12px;color:#432044}.checkout-card p{font-size:12px;margin:14px 0 0}.receipt-row{display:grid;grid-template-columns:minmax(0,1.4fr) .6fr 1fr auto;gap:20px;align-items:center;border-bottom:1px solid #e9dfed;padding:23px 0}.receipt-row strong{display:block;font-size:14px}.receipt-row small{display:block;font-size:11px;color:#8b7395;overflow-wrap:anywhere}.receipt-amount{font-size:17px;white-space:nowrap;color:#6f3d6b}.receipt-done{font-size:12px;color:#719579}
@media(max-width:850px){.receipt-row{grid-template-columns:1fr auto;gap:12px}.receipt-row .receipt-amount{text-align:right}.receipt-row .button{min-height:40px;font-size:11px}.receipt-done{text-align:right}.payment-choice button{padding:15px 12px}.payment-choice strong{font-size:13px}.payment-choice small{font-size:10px}}

/* Le formulaire d’inscription reste immédiatement visible sur téléphone. */
@media(max-width:680px){.signup-layout .login-intro{display:none}.signup-layout{gap:0}}

.referral-banner{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:36px;background:#eee5ed;border:1px solid #e1d2df;border-radius:20px;padding:32px 36px;margin-bottom:24px}.referral-banner h2{font-size:32px;line-height:1.2;margin:12px 0 18px}.referral-banner h2 em{font-weight:400;color:#734b6d}.referral-banner p{max-width:620px}.referral-example{padding:14px 18px;background:#fff9f4;border-radius:10px;color:#432044}.referral-share{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border-left:1px solid #d9c5d5;padding-left:28px;text-align:center}.referral-share .member-code{font-size:22px}.referral-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.referral-personal{margin:24px 0}#referral-pending .panel{margin-bottom:20px}#referral-bind-form{max-width:740px}#referral-request-form{max-width:500px}
@media(max-width:700px){.referral-banner{grid-template-columns:1fr;padding:24px;gap:16px}.referral-banner h2{font-size:27px}.referral-share{border-left:0;border-top:1px solid #d9c5d5;padding:20px 0 0}.referral-stats{grid-template-columns:1fr;gap:12px}.navigation{display:flex;overflow-x:auto;flex-wrap:nowrap}.navigation button{flex-shrink:0}}

/* Présentation de l’espace client */

.simple-dashboard{align-items:stretch}.simple-balance{min-height:0;padding:30px!important}.simple-points{font-size:54px;line-height:1.1;font-weight:650;letter-spacing:-.04em}.simple-points span{font-size:20px;font-weight:400;letter-spacing:0}.simple-value{font-size:38px;line-height:1.2;margin:10px 0;font-weight:500;letter-spacing:-.03em}.simple-balance .eyebrow,.simple-balance p{color:#eee1f3}.simple-rate{font-size:13px;margin:14px 0 0}.simple-divider{height:1px;background:#ffffff30;margin:22px 0 14px}.simple-earning{font-size:13px;margin:0}.simple-next{display:flex;flex-direction:column;justify-content:center;min-height:0;padding:30px}.simple-next h2{font-size:48px;margin:0 0 10px}.simple-next p{margin-bottom:20px}.simple-next .progress-track{margin:0 0 12px}.simple-remaining{font-size:14px;color:#63416b}.simple-share{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:23px 28px}.simple-share h2{font-size:25px;margin:0 0 6px}.simple-share p{font-size:13px;margin:0}.simple-member{justify-content:space-between;margin:22px 0 0;font-size:12px;color:#75627e}.simple-benefit{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid #e6dce8}.simple-benefit:first-child{padding-top:0}.simple-benefit:last-child{border:0;padding-bottom:0}.simple-benefit strong{font-size:18px;font-weight:500}.simple-benefit strong span{color:#947c9d;padding:0 10px}.simple-referral .member-strip .member-code{display:block}.simple-referral .form-help{margin:16px 0 0}.simple-referral-stats{display:flex;justify-content:space-between;margin-top:20px}.simple-referral-stats span{color:#75627e}@media(max-width:680px){.simple-points{font-size:48px}.simple-value{font-size:34px}.simple-next{padding:24px}.simple-next h2{font-size:40px}.simple-dashboard{gap:16px}.simple-share{padding:22px;flex-wrap:wrap}.simple-benefit{align-items:flex-start;flex-direction:column}.simple-share h2{font-size:24px}main{padding-bottom:40px}.simple-balance{padding:25px!important}.simple-next .eyebrow{margin-bottom:12px}.simple-next p{margin-bottom:14px}.simple-next .progress-track{margin-bottom:10px}}

.simple-value span{display:block;font-size:14px;letter-spacing:0;font-weight:400;margin-top:6px;color:#eee1f3}
/* Carte personnelle Le Cercle Aya */
.loyalty-card.simple-balance{
  padding:29px 30px 20px!important;
  border-radius:22px;
  min-height:318px;
  color:#fff5e8;
  border:1px solid #b9a3b871;
  background:radial-gradient(ellipse at 100% 0,#a288a33d,transparent 58%),radial-gradient(ellipse at 0 100%,#1008179e,transparent 75%),linear-gradient(116deg,#27172d 0%,#4e3255 65%,#6c4e6f 100%);
  box-shadow:0 18px 35px -22px #321d465e,inset 0 1px 0 #fff6e333,inset 0 0 40px #21122920;
  isolation:isolate;
}
.loyalty-card:before{content:'';position:absolute;inset:8px;border:1px solid #f1dfc11f;border-radius:15px;pointer-events:none}
.loyalty-card:after{right:-115px;top:-165px;width:420px;height:420px;border-color:#ecd8bc1c;box-shadow:0 0 0 28px #ecd8bc05,0 0 0 57px #ecd8bc05}
.loyalty-card-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.loyalty-wordmark{font:400 22px/1.15 Georgia,serif;letter-spacing:.14em;color:#f4e5cb;white-space:nowrap}
.loyalty-wordmark span{display:block;font:400 7px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.28em;margin-top:8px;color:#e4d0df}
.loyalty-membership{text-align:right;white-space:nowrap;font:italic 24px/1 Georgia,serif;color:#f4e5cb}
.loyalty-membership span{display:block;font:400 8px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.12em;margin-top:8px;color:#decade}
.loyalty-totals{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:35px 0 27px}
.loyalty-points{display:flex;align-items:baseline;gap:12px}
.loyalty-points strong{font:400 70px/.9 Georgia,serif;letter-spacing:-.065em}
.loyalty-points span{font-size:13px;color:#e6d4e5}
.loyalty-worth{text-align:right}
.loyalty-worth>span{display:block;color:#deccdf;font-size:10px;margin-bottom:6px}
.loyalty-worth strong{display:block;font:400 32px/1.1 Georgia,serif;letter-spacing:-.02em;white-space:nowrap;color:#f4e5cb}
.loyalty-worth small{display:block;font-size:10px;color:#deccdf;margin-top:5px}
.loyalty-owner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;padding-top:19px;border-top:1px solid #e9d6be35}
.loyalty-holder>span,.loyalty-id>span{display:block;font-size:8px;letter-spacing:.17em;text-transform:uppercase;color:#cfb7d0;margin-bottom:7px}
.loyalty-holder strong{display:block;font:400 26px/1.2 Georgia,serif;color:#fff4e9;overflow-wrap:anywhere}
.loyalty-id{text-align:right}
.loyalty-id strong{display:block;font:400 11px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;color:#f0ddca;white-space:nowrap}
.loyalty-card-rule{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#c9b2ce;margin-top:22px}
.simple-dashboard{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.simple-dashboard .simple-next{box-shadow:0 10px 25px -20px #43204420}
@media(max-width:680px){
  .simple-dashboard{grid-template-columns:1fr}
  .loyalty-card.simple-balance{padding:27px 26px 19px!important;min-height:300px}
  .loyalty-wordmark{font-size:21px}
  .loyalty-membership{font-size:23px}
  .loyalty-totals{margin:32px 0 25px}
  .loyalty-points strong{font-size:66px}
  .loyalty-worth strong{font-size:31px}
  .loyalty-holder strong{font-size:25px}
}
@media(max-width:390px){
  .loyalty-card.simple-balance{padding:23px 23px 18px!important;min-height:285px}
  .loyalty-wordmark{font-size:17px;letter-spacing:.11em}
  .loyalty-wordmark span{font-size:6px;letter-spacing:.2em}
  .loyalty-membership{font-size:21px}
  .loyalty-membership span{font-size:7px}
  .loyalty-totals{gap:12px;margin:30px 0 24px}
  .loyalty-points{gap:8px}
  .loyalty-points strong{font-size:58px}
  .loyalty-points span{font-size:11px}
  .loyalty-worth>span{font-size:8px}
  .loyalty-worth strong{font-size:28px}
  .loyalty-owner{gap:10px}
  .loyalty-holder strong{font-size:21px}
  .loyalty-id strong{font-size:9px}
  .loyalty-card-rule{font-size:8px}
}

/* Le Cercle Aya : une page plus sobre autour de la carte. */
body{background:radial-gradient(ellipse at 80% 0,#f0e6ee8c,transparent 52%),#f8f5f0;color:#302333;-webkit-font-smoothing:antialiased}
.demo-banner{background:#eee6ef;color:#75637b;font-size:9px;letter-spacing:.05em;padding:7px 16px}
.topbar{height:86px;padding:0 clamp(24px,5vw,72px);background:#fffcf8b8;border-color:#e9e1e6;gap:24px}
.brand img{width:108px;height:64px}
.topbar .back-link{font-size:11px;color:#7b697f}
#logout.button{background:transparent;border:0;color:#63506c;font-size:11px;font-weight:400;padding:8px 0;min-height:0}
main{max-width:1180px;padding:48px clamp(24px,4vw,56px) 62px;min-height:72vh}
.welcome{margin-bottom:33px;align-items:flex-end;gap:26px}
.welcome .eyebrow{font-size:9px;letter-spacing:.23em;color:#8c748b;margin-bottom:12px}
.welcome h1{font-size:clamp(38px,4.1vw,52px);letter-spacing:-.045em;line-height:1.1;color:#35223b;margin-bottom:11px}
.welcome h1 em{font-weight:400;color:#795777}
.welcome p{font-size:12px;letter-spacing:.01em;color:#8b778e}
.welcome .button{border-radius:30px;border-color:#d6c6d6;background:#fdf9f6;min-height:42px;padding:10px 22px;font-size:11px;font-weight:500;flex-shrink:0}
.welcome .button:hover{background:#eee5ed}
.navigation{background:transparent;border-radius:0;gap:27px;padding:0;margin-bottom:32px;border-bottom:1px solid #e1d5df;scrollbar-width:none}
.navigation::-webkit-scrollbar{display:none}
.navigation button{border-radius:0;flex:0 0 auto!important;padding:0 0 13px;background:transparent;color:#968198;border-bottom:2px solid transparent;font-size:11px;font-weight:400;white-space:nowrap}
.navigation button.active{background:transparent;box-shadow:none;color:#553859;border-bottom-color:#795578;font-weight:600}
.navigation button:hover{color:#553859;background:transparent}
.simple-dashboard{gap:26px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.loyalty-card.simple-balance{box-shadow:0 20px 36px -25px #321d4677}
.panel{background:#fffdf9;border-color:#e7dde3;border-radius:17px}
.simple-next{padding:30px 32px;background:linear-gradient(135deg,#fffdf9,#f3edeef2);border-color:#e2d5df;box-shadow:none!important;position:relative}
.simple-next .eyebrow{font-size:9px;letter-spacing:.2em;color:#93788d;margin-bottom:23px}
.simple-next h2{font-family:Georgia,serif;font-size:54px;letter-spacing:-.05em;color:#50364f;margin-bottom:12px}
.simple-next p{font-size:12px;color:#8d748b;margin-bottom:27px}
.simple-next .progress-track{height:3px;background:#e5d9e2;margin:0 0 15px;border-radius:3px}
.simple-next .progress-track i{background:#8d698b;border-radius:3px}
.simple-remaining{font-size:12px;font-weight:500;color:#73576f}
.simple-share{background:transparent;border:0;border-radius:0;border-top:1px solid #e4d9e1;border-bottom:1px solid #e4d9e1;padding:25px 0;margin-top:34px;gap:22px}
.simple-share h2{font-size:26px;font-weight:400;color:#62465f;letter-spacing:-.035em;margin:0 0 7px}
.simple-share p{font-size:11px;color:#917b92}
.simple-share .button{border-radius:24px;background:#efe6ed;border-color:#e4d5e0;color:#73556e;padding:9px 18px;font-size:10px;font-weight:500}
.simple-share .button:hover{background:#e5d5e2}
.section-title{margin:35px 0 20px;align-items:baseline}
.section-title h2{font-size:28px;color:#4a334d;letter-spacing:-.04em;margin-bottom:0}
.section-title .text-button{font-size:10px;color:#967b92;text-decoration:none;border-bottom:1px solid #b7a1b4;padding:0 0 2px}
.history.panel{padding:2px 25px;background:#fffdf9;border-color:#e8dfe5}
.history-row{padding:23px 0;grid-template-columns:1fr auto;gap:18px;border-bottom-color:#eee5eb}
.history-row:last-child{border-bottom:0}
.history-icon{display:none}
.history-row strong{font-size:12px;font-weight:500;color:#695469}
.history-row small{font-size:10px;color:#a38fa3;margin-top:5px}
.history-value{font:400 23px/1.1 Georgia,serif;color:#765477;text-align:right}
.history-value small{font:400 9px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.04em;color:#a38fa3;margin-top:5px}
.simple-benefits{padding:25px 30px}
.simple-benefit{border-bottom-color:#eee4eb}
.simple-benefit strong{font-family:Georgia,serif;font-size:23px;color:#685067}
.pill{background:#f0e7ee;color:#8c7187;font-size:10px;font-weight:400;border-radius:5px}
.pill.green{background:#e8eee7;color:#597354}
.simple-referral{padding:32px;background:#fffdf9}
.simple-referral h2{color:#62465f}
.simple-referral p{font-size:13px;color:#8c778d}
.simple-referral .referral-example{background:#f5eef3;padding:17px 21px;color:#71526c;border-radius:10px}
.simple-referral .member-strip{border-color:#e6d9e4}
.simple-referral .button{border-radius:25px;font-size:11px}
.simple-referral-stats{padding:23px 30px;background:#f4edf2;color:#715b71;border-color:#e7dbe4;font-size:12px}
footer{border-color:#e8dfe5;background:transparent;color:#a08d9e;font-size:9px;padding:26px clamp(24px,5vw,72px)}
footer>div{gap:20px}
@media(max-width:900px){.navigation{gap:24px}.topbar .brand img{width:99px;height:59px}.simple-next{padding:26px}}
@media(max-width:680px){
  main{padding:35px 22px 45px}
  .topbar{height:78px;padding:0 22px;gap:18px}
  .topbar .brand img{width:95px;height:57px}
  .topbar .back-link,#logout.button{font-size:10px}
  .welcome{align-items:flex-start;gap:19px;margin-bottom:30px}
  .welcome h1{font-size:42px}
  .welcome .button{min-height:37px;padding:9px 19px;font-size:10px}
  .navigation{gap:25px;margin-bottom:28px}
  .navigation button{font-size:10px;padding-bottom:12px}
  .simple-dashboard{grid-template-columns:1fr;gap:21px}
  .simple-next{padding:25px 27px;min-height:192px}
  .simple-next .eyebrow{margin-bottom:14px}
  .simple-next h2{font-size:43px;margin-bottom:9px}
  .simple-next p{font-size:11px;margin-bottom:20px}
  .simple-next .progress-track{margin-bottom:12px}
  .simple-share{margin-top:29px;padding:24px 0;flex-wrap:nowrap;gap:18px}
  .simple-share h2{font-size:24px}
  .simple-share p{max-width:240px;line-height:1.6}
  .simple-share .button{flex-shrink:0;padding:9px 15px}
  .section-title{margin-top:30px;margin-bottom:19px}
  .section-title h2{font-size:27px}
  .history.panel{padding:2px 23px}
  footer{padding:25px 22px}
}
@media(max-width:390px){
  main{padding-left:20px;padding-right:20px}
  .topbar{padding:0 20px;gap:13px}
  .topbar .brand img{width:78px;height:51px}
  .topbar .back-link,#logout.button{font-size:9px}
  .welcome h1{font-size:38px}
  .navigation{gap:21px}
  .simple-share{flex-wrap:wrap;gap:14px}
  .simple-share p{max-width:none}
}
/* Garder les textes utiles lisibles sur téléphone. */
.welcome p{font-size:13px;color:#7e687f}.navigation button{font-size:12px;min-height:40px;padding-top:5px}.simple-next p{font-size:13px;color:#7f667d}.simple-remaining{font-size:13px}.simple-share p{font-size:12px;color:#7e667f}.history-row strong{font-size:13px;color:#604b61}.history-row small{font-size:11px;color:#877189}.history-value small{font-size:10px;color:#877189}.simple-next .eyebrow{color:#84697f}.simple-share .button{font-size:11px}@media(max-width:680px){.navigation{gap:23px}.navigation button{font-size:11px}.simple-next p{font-size:12px}.simple-share p{font-size:12px}.section-title .text-button{font-size:11px}}
.immediate-reward .eyebrow{margin-bottom:18px}
.immediate-reward h2{margin-bottom:14px}
.immediate-reward p{max-width:260px;margin-bottom:24px;line-height:1.7}
.immediate-reward .button{border-radius:26px;align-self:flex-start;min-height:41px;padding:10px 24px;font-size:12px;font-weight:500;background:#654665;border-color:#654665}
.immediate-reward .button:hover{background:#795b79}
.reward-rate{font-size:10px;color:#947a90;margin-top:17px}
.simple-use-info{margin-top:30px;background:transparent;border:0;border-top:1px solid #e4d9e1;border-radius:0;padding:26px 0}
.simple-use-info h2{font-size:27px;color:#62465f;margin-bottom:12px}
.simple-use-info p{font-size:13px;color:#7e667f}
.use-points-summary h3{font-size:31px;color:#62465f;margin-bottom:20px}
.use-points-summary>p{font-size:14px}
.use-points-code{border:1px solid #e6d9e4;border-radius:13px;background:#f5eef3;padding:23px;text-align:center;margin:24px 0}
.use-points-code>span{display:block;font-size:11px;color:#91768b;margin-bottom:10px}
.use-points-code>strong{display:block;font:400 19px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;color:#654665;margin-bottom:20px}
.use-points-code .button{border-radius:22px;background:#fffaf8}
.use-points-summary .form-help{font-size:12px}
@media(max-width:680px){.immediate-reward{min-height:0;padding:28px}.immediate-reward h2{margin-bottom:13px}.immediate-reward p{max-width:none;margin-bottom:21px}.immediate-reward .button{min-height:42px}.reward-rate{margin-top:16px}}
/* Préparation et suivi des remises par l’équipe. */
.prepared-discount{margin:22px 0}.prepared-discount p{margin:10px 0}.prepared-discount small{display:block;color:#806784}.prepared-discount .text-button{display:block;margin-top:14px}.planity-discount{border:1px solid #e0d2e3;background:#faf5fa;border-radius:12px;padding:8px 18px;margin:20px 0}.planity-discount .two-fields{gap:18px}.redemptions-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}.redemptions-heading h2{margin-bottom:12px}.redemptions-heading input{margin-bottom:0}.redemptions-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #e7dbe5;border-bottom:1px solid #e7dbe5;padding:25px 0;margin:25px 0}.redemptions-summary strong{display:block;font:400 37px/1.2 Georgia,serif;color:#654665}.redemptions-summary span{display:block;color:#8b7187;font-size:12px;margin-top:8px}.redemption-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #eee4eb}.redemption-row:last-child{border-bottom:0}.redemption-row strong{font-size:14px;font-weight:500}.redemption-row small{display:block;font-size:11px;color:#8b7187;margin-top:6px}.redemption-total{text-align:right}.redemption-total strong{font:400 24px/1.2 Georgia,serif;color:#654665}.redemption-total small{white-space:nowrap}@media(max-width:680px){.redemptions-heading{align-items:flex-start;gap:16px}.redemptions-heading>div{width:100%}.redemptions-summary{gap:16px}.redemptions-summary strong{font-size:30px}.redemption-row{flex-direction:column;gap:13px}.redemption-total{text-align:left}.redemption-total small{white-space:normal}}

/* One member overview; money stays on the loyalty card. */
.member-use h2{font-size:clamp(28px,3vw,38px);line-height:1.15;max-width:260px}
.member-use p{font-size:13px;line-height:1.7;max-width:290px}
@media(max-width:640px){.member-use{padding:24px 26px;min-height:0}.member-use .eyebrow{margin-bottom:12px}.member-use p{max-width:none}.member-use h2{font-size:30px}.navigation{gap:22px}}

.referral-stats .point-number span{color:#765d79}

/* Le Cercle Aya — member presentation, isolated from the team workspace. */
body.member-page{background:#f7f4ef;color:#362a3c}
.member-page .topbar{height:88px;background:#fcfaf6;border-color:#e4ded9}
.member-page .topbar .brand img{width:112px;height:66px}
.member-page .topbar .back-link{color:#635769;font-size:12px}
.member-page #logout.button{border:0;background:#f0ebe6;color:#6b5d70;border-radius:30px;font-size:11px;min-height:38px}
.member-space{max-width:1160px;padding-top:46px;padding-bottom:64px}
.member-space .welcome{align-items:center;margin-bottom:30px}
.member-space .welcome .eyebrow{font-size:10px;letter-spacing:.23em;color:#877060;margin-bottom:12px}
.member-space .welcome h1{font-size:clamp(36px,4vw,54px);color:#36253d;letter-spacing:-.055em;margin-bottom:10px}
.member-space .welcome h1 em{color:#7d627e}
.member-space .welcome p{font-size:14px;color:#7b6b7b}
.member-space .welcome .button{background:#fcfaf7;border-color:#d8cbd5;color:#614366;min-height:44px;font-size:12px}
.member-space .navigation{display:flex;gap:5px;padding:5px;background:#eeebe7;border:1px solid #e2dbd8;border-radius:50px;margin:0 0 32px;overflow-x:auto;scrollbar-width:none}
.member-space .navigation::-webkit-scrollbar{display:none}
.member-space .navigation button{flex:1 1 0!important;min-height:44px;padding:10px 18px;border:0;border-radius:30px;color:#7d6c7e;font-size:12px;font-weight:500;transition:background .2s,color .2s;letter-spacing:0}
.member-space .navigation button.active{background:#583c61;color:#fff8f3;box-shadow:0 3px 10px #40274912}
.member-space .navigation button:not(.active):hover{background:#faf7f2;color:#583c61}
.member-space .panel{border-color:#e7dfdb;border-radius:22px;background:#fffdf9}
.member-space .simple-dashboard{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px}
.member-space .loyalty-card.simple-balance{padding:34px 34px 25px!important;min-height:336px;border-radius:24px;border-color:#967d9580;background:radial-gradient(ellipse at 95% -30%,#b8a0b354,transparent 66%),linear-gradient(125deg,#291c32,#503752 72%,#654969);box-shadow:0 20px 34px -24px #34223980,inset 0 1px 0 #f9e8d338;color:#fff5e8}
.member-space .loyalty-card:before{inset:9px;border-radius:17px;border-color:#ead6b328}
.member-space .loyalty-card:after{right:-85px;top:-170px;width:430px;height:430px;border-color:#dbc39825;box-shadow:0 0 0 35px #ead6b30a,0 0 0 70px #ead6b305}
.member-space .loyalty-wordmark{font-size:23px;letter-spacing:.13em}
.member-space .loyalty-wordmark span{font-size:8px;letter-spacing:.2em;color:#d8c5d5}
.member-space .loyalty-membership{font-size:25px}
.member-space .loyalty-membership span{font-size:9px;color:#e0cdda}
.member-space .loyalty-totals{margin:36px 0 29px;gap:18px}
.member-space .loyalty-points strong{font-size:78px}
.member-space .loyalty-points span{font-size:14px;color:#e7d5e5}
.member-space .loyalty-worth>span{font-size:11px;color:#e4d3df}
.member-space .loyalty-worth strong{font-size:38px;color:#f6e4c5}
.member-space .loyalty-worth small{font-size:11px;color:#e4d3df}
.member-space .loyalty-owner{padding-top:20px;border-color:#cbb39942;gap:18px}
.member-space .loyalty-holder>span,.member-space .loyalty-id>span{font-size:9px;letter-spacing:.14em;color:#dec8d9}
.member-space .loyalty-holder strong{font-size:27px}
.member-space .loyalty-id strong{font-size:12px;letter-spacing:.04em;color:#f2dfc7}
.member-space .loyalty-card-rule{font-size:10px;color:#d5bfd4;margin-top:22px}
.member-space .member-use{position:relative;padding:30px 32px;box-shadow:none;justify-content:flex-start;overflow:hidden;background:#fffdf9}
.member-use-mark{width:48px;height:48px;margin-bottom:19px;border:1px solid #e0d2c7;border-radius:15px;background:#f5ede5;display:grid;place-items:center}
.member-use-mark svg{width:42px;height:42px;stroke:#94765f;stroke-width:1.4}
.member-space .member-use .eyebrow{font-size:9px;margin-bottom:10px;color:#877060;letter-spacing:.18em}
.member-space .member-use h2{font-size:34px;line-height:1.1;color:#49324f;margin-bottom:14px;max-width:none}
.member-space .member-use p{font-size:13px;line-height:1.75;color:#7a687a;margin-bottom:23px;max-width:none}
.member-space .member-use .button{margin-top:auto;background:#583c61;border-color:#583c61;min-height:44px;align-self:flex-start;font-size:12px;padding:11px 22px}
.member-space .simple-share{border:1px solid #e4d9dc;border-radius:20px;background:#efe7ed;padding:24px 28px;margin-top:24px;gap:22px}
.member-space .simple-share h2{font-size:27px;color:#65466a;margin-bottom:7px}
.member-space .simple-share p{font-size:13px;color:#806980;line-height:1.55}
.member-space .simple-share .button{background:#fffbf7;border-color:#d9c7d8;color:#684970;font-size:12px;min-height:42px;padding:10px 20px}
.member-space .section-title{margin:32px 0 18px;gap:20px}
.member-space .section-title h2{font-size:29px;color:#49324f;letter-spacing:-.04em}
.member-space .section-title .text-button{font-size:12px;color:#7d607e;border:0;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.member-space .history.panel{margin-top:0;padding:5px 28px}
.member-space .history-row{padding:23px 0;gap:20px;border-color:#eee6e2}
.member-space .history-row strong{font-size:13px;line-height:1.5;font-weight:500;color:#625066}
.member-space .history-row small{font-size:11px;line-height:1.6;color:#8c798e;margin-top:5px}
.member-space .history-value{font-size:28px;color:#6b5075}
.member-space .history-value small{font-size:10px;color:#8c798e}
.member-space .member-history,.member-space .member-profile{padding:32px}
.member-space .member-history .panel-head{border-bottom:1px solid #e8dfda;padding-bottom:20px;margin-bottom:0;flex-wrap:wrap}
.member-space .member-history .pill{padding:8px 14px;border-radius:30px;background:#eee5ee;color:#725976;font-size:12px;letter-spacing:0}
.member-space .member-profile{max-width:850px;margin-inline:auto}
.member-space .member-profile h2{font-size:34px;margin-bottom:25px}
.member-space .profile-form{max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.member-space .profile-form .form-help,.member-space .profile-form .checkbox-label,.member-space .profile-form .form-error,.member-space .profile-form .button{grid-column:1/-1}
.member-space .profile-form .button{justify-self:start}
.member-space input{background:#faf7f3;border-color:#e3d8dd;border-radius:12px;color:#503857;min-height:50px}
.member-space label{font-size:12px;font-weight:500;color:#6b5370}
.member-space .member-strip{border-color:#e8dfda;flex-wrap:wrap}
.member-space .button{border-radius:30px}
.member-space .button:hover{background:#78577f;color:#fff9f5}
.member-space .form-help{font-size:12px;line-height:1.65;color:#887689}
.member-space .referral-banner{grid-template-columns:minmax(0,1fr) 270px;gap:34px;background:#fffdf9;border:1px solid #e7dfdb;border-radius:24px;padding:34px;margin-bottom:20px}
.member-space .referral-intro>.eyebrow{color:#91745d;font-size:10px;letter-spacing:.18em;margin-bottom:12px}
.member-space .referral-banner h2{font-size:38px;color:#49324f;letter-spacing:-.045em;margin:0 0 16px}
.member-space .referral-intro>p{font-size:14px;line-height:1.7;color:#7b697f;margin-bottom:22px;max-width:510px}
.member-space .referral-example{background:transparent;padding:0;border-radius:0;margin:24px 0 16px}
.member-space .referral-example-heading{margin:0 0 16px;font-size:14px;color:#665069}
.member-space .referral-example-heading strong{color:#54395b}
.referral-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.referral-example-person{background:#f3eee8;border:1px solid #e8dfd4;border-radius:15px;padding:20px}
.referral-example-person>span{display:block;color:#8a786f;font-size:11px;margin-bottom:15px;line-height:1.5}
.referral-example-person>strong{display:block;font:400 43px/1 Georgia,serif;color:#6b536d;letter-spacing:-.05em;margin-bottom:12px}
.referral-example-person>strong small{font:400 12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0}
.referral-example-person>p{font-size:12px;line-height:1.55;color:#806d7f;margin:0}
.referral-example-person b{font-weight:500;color:#6d506e}
.referral-example-you{background:#eee6ef;border-color:#ded0df}
.referral-example-you>span{color:#87688c}
.referral-example-you>strong{color:#5f3c6b}
.member-space .referral-intro .referral-variable{font-size:12px;margin:15px 0 10px;color:#7a657d}
.member-space .referral-intro .form-help{font-size:11px;margin:0;color:#968398;line-height:1.7}
.member-space .referral-share{border:1px solid #755c7c;border-radius:19px;background:radial-gradient(ellipse at 100% 0,#947b9450,transparent 70%),#49324f;color:#f7e9d6;padding:28px 22px;gap:15px;align-self:stretch;justify-content:center;position:relative;overflow:hidden}
.referral-share-seal{display:grid;place-items:center;width:62px;height:62px;border:1px solid #c4a78280;border-radius:50%;font:italic 47px/1 Georgia,serif;color:#e2c5a4;margin-bottom:12px;padding-bottom:7px}
.member-space .referral-share>span:not(.referral-share-seal){font-size:11px;color:#dcc9da}
.member-space .referral-share .member-code{font-size:16px;letter-spacing:.05em;border-bottom:1px solid #bb9cad55;padding-bottom:19px;color:#f3dfbd;white-space:nowrap}
.member-space .referral-share .button{background:#f8eee0;color:#604263;border-color:#f8eee0;font-size:12px;min-height:44px;padding:10px 21px;margin-top:2px}
.member-space .referral-share .button:hover{background:#e6d4bc}
.member-space .referral-stats{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.member-space .referral-stats .panel{padding:24px 28px;background:transparent;border-color:#e2d9dd;border-radius:18px}
.member-space .referral-stats .eyebrow{font-size:9px;letter-spacing:.12em;color:#977e91;margin-bottom:13px}
.member-space .referral-stats .point-number{font-size:43px;color:#725679;letter-spacing:-.045em;margin:0 0 12px;display:flex;align-items:baseline;gap:12px}
.member-space .referral-stats .point-number span{font-size:12px;color:#8c748f;letter-spacing:0;margin:0}
.member-space .referral-stats .form-help{font-size:11px;margin:0;line-height:1.6;max-width:300px}
.member-space .referral-personal{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:30px 32px;margin:0 0 20px}
.member-space .referral-personal h2{font-size:29px;line-height:1.15;margin-bottom:0;max-width:290px}
.member-space .referral-personal .eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:13px;color:#947661}
.member-space .referral-personal form{max-width:none}
.member-space .referral-personal .form-help{font-size:11px;margin-bottom:0}
.member-space .referral-personal .form-error:empty{min-height:0;margin:0}
.member-space .referral-personal .button{margin-top:14px;min-height:44px;font-size:12px}
.member-page footer{border-color:#e5dcd8;font-size:10px;color:#9a8798;background:transparent}
.member-page dialog{padding:30px;border-radius:24px;background:#fffdf9;border-color:#e7dbdf}
.member-page .dialog-head h2{color:#513357;font-size:29px}
.member-page .use-points-summary h3{font-size:33px;color:#705176}
.member-page .use-points-summary .eyebrow{font-size:10px;color:#947562}
.member-page .use-points-code{background:#49324f;border:1px solid #795c7e;border-radius:18px;padding:27px 20px}
.member-page .use-points-code>span{color:#d5bdd5;font-size:11px}
.member-page .use-points-code>strong{color:#f4ddbb;font-size:22px;letter-spacing:.08em;margin:15px 0 20px}
.member-page .use-points-code .button{color:#694b70;background:#fbf1e5;border-radius:28px;border-color:#fbf1e5;font-size:12px}
@media(max-width:850px){
 .member-space .simple-dashboard{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px}
 .member-space .loyalty-card.simple-balance{padding:27px!important}
 .member-space .loyalty-wordmark{font-size:20px}
 .member-space .loyalty-membership{font-size:22px}
 .member-space .loyalty-owner{grid-template-columns:1fr;gap:12px}
 .member-space .loyalty-id{text-align:left}
 .member-space .loyalty-totals{margin:30px 0 24px}
 .member-space .loyalty-worth strong{font-size:32px}
 .member-space .member-use{padding:27px 24px}
 .member-space .member-use h2{font-size:30px}
 .member-space .referral-banner{grid-template-columns:minmax(0,1fr) 230px;gap:24px;padding:28px}
 .referral-example-grid{gap:10px}.referral-example-person{padding:16px}
}
@media(max-width:680px){
 .member-page .topbar{height:76px;padding:0 20px;gap:13px}
 .member-page .topbar .brand img{width:85px;height:56px}
 .member-page .topbar .back-link{font-size:10px}
 .member-page #logout.button{font-size:10px;padding:8px 12px;min-height:34px}
 .member-space{padding:29px 20px 42px}
 .member-space .welcome{display:grid;grid-template-columns:1fr auto;align-items:start;gap:12px;margin-bottom:25px}
 .member-space .welcome h1{font-size:38px;line-height:1.12;margin-bottom:9px}
 .member-space .welcome .eyebrow{font-size:9px;margin-bottom:10px}
 .member-space .welcome p{font-size:12px}
 .member-space .welcome .button{font-size:10px;padding:10px 12px;min-height:39px;align-self:end;max-width:120px;line-height:1.4;text-align:center}
 .member-space .navigation{gap:2px;padding:4px;border-radius:30px;margin-bottom:24px}
 .member-space .navigation button{min-height:40px;padding:9px 11px;font-size:10px;flex:1 0 auto!important}
 .member-space .simple-dashboard{grid-template-columns:1fr;gap:18px}
 .member-space .loyalty-card.simple-balance{min-height:302px;padding:26px 25px 22px!important;border-radius:22px}
 .member-space .loyalty-wordmark{font-size:20px;letter-spacing:.09em}
 .member-space .loyalty-wordmark span{font-size:7px}
 .member-space .loyalty-membership{font-size:22px}
 .member-space .loyalty-membership span{font-size:8px;letter-spacing:.06em}
 .member-space .loyalty-totals{margin:30px 0 25px;gap:16px}
 .member-space .loyalty-points{gap:9px}
 .member-space .loyalty-points strong{font-size:65px}
 .member-space .loyalty-points span{font-size:12px}
 .member-space .loyalty-worth>span,.member-space .loyalty-worth small{font-size:10px}
 .member-space .loyalty-worth strong{font-size:33px}
 .member-space .loyalty-owner{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-top:19px}
 .member-space .loyalty-holder strong{font-size:23px}
 .member-space .loyalty-id{text-align:right}
 .member-space .loyalty-id strong{font-size:10px;letter-spacing:.02em}
 .member-space .loyalty-holder>span,.member-space .loyalty-id>span{font-size:8px}
 .member-space .loyalty-card-rule{font-size:9px;margin-top:20px}
 .member-space .member-use{padding:24px;min-height:0;display:block}
 .member-use-mark{float:right;margin:0 0 14px 14px;width:43px;height:43px;border-radius:13px}
 .member-space .member-use h2{font-size:30px;max-width:230px;margin-bottom:12px}
 .member-space .member-use p{font-size:13px;margin-bottom:18px;clear:both;line-height:1.7}
 .member-space .member-use .button{min-height:44px;font-size:12px}
 .member-space .simple-share{padding:22px 24px;margin-top:18px;gap:17px;flex-wrap:wrap}
 .member-space .simple-share h2{font-size:27px}
 .member-space .simple-share p{font-size:12px}
 .member-space .simple-share .button{min-height:40px;padding:9px 18px;font-size:11px}
 .member-space .section-title{margin:28px 0 16px;gap:15px}
 .member-space .section-title h2{font-size:26px}
 .member-space .section-title .text-button{font-size:11px}
 .member-space .history.panel{padding:2px 23px}
 .member-space .history-row{padding:22px 0;gap:16px}
 .member-space .history-row strong{font-size:12px}
 .member-space .history-row small{font-size:10px}
 .member-space .history-value{font-size:25px}
 .member-space .member-history,.member-space .member-profile{padding:24px}
 .member-space .member-history h2,.member-space .member-profile h2{font-size:30px}
 .member-space .member-history .pill{font-size:11px}
 .member-space .profile-form{display:block}
 .member-space .referral-banner{grid-template-columns:1fr;padding:26px 23px;gap:24px;margin-bottom:16px;border-radius:22px}
 .member-space .referral-banner h2{font-size:33px;margin-bottom:13px}
 .member-space .referral-intro>p{font-size:13px;line-height:1.7;margin-bottom:17px}
 .member-space .referral-example{margin:22px 0 17px}
 .member-space .referral-example-heading{font-size:13px;margin-bottom:13px}
 .referral-example-grid{grid-template-columns:1fr 1fr;gap:10px}
 .referral-example-person{padding:17px 14px;border-radius:13px}
 .referral-example-person>span{font-size:10px;min-height:30px;margin-bottom:12px}
 .referral-example-person>strong{font-size:38px;margin-bottom:13px}
 .referral-example-person>strong small{font-size:11px}
 .referral-example-person>p{font-size:11px;line-height:1.6}
 .member-space .referral-intro .form-help{font-size:10px;line-height:1.7}
 .member-space .referral-share{padding:23px 20px;border-radius:17px;gap:12px}
 .referral-share-seal{display:none}
 .member-space .referral-share .member-code{font-size:19px;letter-spacing:.04em;padding-bottom:16px}
 .member-space .referral-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
 .member-space .referral-stats .panel{padding:19px 17px;border-radius:16px}
 .member-space .referral-stats .eyebrow{font-size:8px;letter-spacing:.08em;line-height:1.6;min-height:25px;margin-bottom:9px}
 .member-space .referral-stats .point-number{display:block;font-size:36px;margin-bottom:10px}
 .member-space .referral-stats .point-number span{display:block;font-size:10px;margin-top:7px;line-height:1.5}
 .member-space .referral-stats .form-help{font-size:10px;line-height:1.6}
 .member-space .referral-personal{grid-template-columns:1fr;gap:22px;padding:24px;margin-bottom:16px}
 .member-space .referral-personal h2{font-size:28px;max-width:none}
 .member-space .referral-personal .eyebrow{font-size:8px;margin-bottom:10px}
 .member-page footer{padding:23px 20px;font-size:9px;gap:20px}
 .member-page dialog{padding:24px}
 .member-page .use-points-summary h3{font-size:29px}
 .member-page .use-points-code>strong{font-size:20px}
}
@media(max-width:370px){
 .member-space{padding-inline:16px}
 .member-space .welcome h1{font-size:34px}
 .member-space .welcome .button{max-width:107px;font-size:9px}
 .member-space .navigation button{padding-inline:9px;font-size:9px}
 .member-space .loyalty-card.simple-balance{padding:24px 22px 21px!important}
 .member-space .loyalty-wordmark{font-size:18px}
 .member-space .loyalty-membership{font-size:20px}
 .member-space .loyalty-points strong{font-size:60px}
 .member-space .loyalty-worth strong{font-size:30px}
 .member-space .loyalty-holder strong{font-size:21px}
 .member-space .loyalty-id strong{font-size:9px}
 .member-space .loyalty-card-rule{font-size:8px}
 .member-space .referral-banner{padding:24px 20px}
}
@media(max-width:680px){
 .member-space .welcome{display:block;position:relative;padding-bottom:8px}
 .member-space .welcome h1{font-size:38px}
 .member-space .welcome p{padding-right:128px;min-height:37px;display:flex;align-items:center}
 .member-space .welcome .button{position:absolute;right:0;bottom:8px;max-width:120px}
}
@media(max-width:370px){.member-space .welcome h1{font-size:34px}.member-space .welcome .button{max-width:107px}.member-space .welcome p{padding-right:115px}}

/* Clear package-installment rule, without changing the membership card. */
.member-space .member-package-rule { margin: 18px 0; padding: 13px 15px; border-left: 2px solid #ae8e60; border-radius: 0 10px 10px 0; background: #f5f0e8; }
.member-space .member-package-rule strong { font-size: 13px; letter-spacing: .01em; color: #432044; }
.member-space .member-package-rule p { margin: 6px 0; max-width: none; font-size: 13px; line-height: 1.5; color: #67576b; }
.member-space .member-package-rule small { display: block; font-size: 12px; line-height: 1.5; color: #67576b; }
.purchase-context { margin: 18px 0; }
.purchase-context-note { margin: 10px 0 0; font-size: 14px; line-height: 1.55; }
.purchase-context-note strong { display: block; margin-bottom: 4px; }
.points-eligible-fields { padding: 0; margin: 0; border: 0; min-width: 0; }
.points-eligible-fields:disabled { opacity: .5; }
#planity-prepared-warning p { margin: 8px 0 12px; }