/* Customer lookup and checkout styles. The reference layout is scoped below. */
.crm-shell{max-width:1440px;margin-inline:auto}
.crm-shell .section-head{margin-bottom:12px}.crm-shell .section-head h2{font-size:20px;margin:4px 0}.crm-shell .section-head small{font-size:10px}
.crm-overview-disclosure{margin:0 0 12px;border:1px solid #e0e8e4;border-radius:10px;background:#fff}
.crm-overview-disclosure>summary,.crm-policy-disclosure>summary{cursor:pointer;padding:11px 14px;font-size:12px;color:#526b5e;min-height:40px}
.crm-shell .crm-overview-disclosure .crm-overview{margin:0;padding:0 12px 12px;gap:8px}.crm-shell .crm-overview article{padding:12px;gap:4px}.crm-overview article strong{font-size:20px}.crm-overview article small{display:none}
.crm-shell .crm-toolbar{gap:8px;padding:12px;align-items:end}.crm-shell .crm-toolbar label:first-child{min-width:180px}.crm-shell .crm-toolbar:not(.expanded)>label:not(:first-child){display:none}.crm-shell .crm-filter-toggle{display:block;min-height:40px}.crm-shell .crm-toolbar input[type=search]{min-height:44px;font-size:14px}.crm-shell .crm-toolbar button{min-height:40px}
.crm-shell .member-layout,#view-members .member-layout{grid-template-columns:320px minmax(0,1fr);gap:14px}
.crm-shell .member-list{padding:6px;max-height:calc(100dvh - 300px);overflow:auto;scrollbar-width:thin}.crm-shell .member-card{padding:12px 9px;min-height:78px;border-radius:8px;box-shadow:none}.crm-shell .person-main strong{font-size:14px}.crm-shell .person-main small{font-size:12px}.crm-shell .person-avatar{width:34px;height:34px;font-size:14px;border-radius:9px}.crm-shell .member-card.active{box-shadow:inset 3px 0 #277a5b;background:#edf5ef}.crm-list-meta{font-size:11px}.crm-shell .crm-pagination{position:sticky;bottom:-6px;background:#fff;border-top:1px solid #e6eee8;padding-block:9px}
.crm-shell .member-detail,#view-members .member-detail{padding:18px;gap:14px}.crm-shell .person-avatar.large{width:42px;height:42px;font-size:20px}.crm-profile-main h2{font-size:20px}.crm-profile-main p{font-size:12px;line-height:1.5}.crm-profile-actions button{min-height:38px;font-size:12px}
.crm-profile-stats{padding:12px 0;gap:10px}.crm-profile-stats strong{font-size:21px}.crm-profile-stats small{font-size:11px;line-height:1.5}.crm-profile-stats span{font-size:12px}.crm-profile-stats>div:last-child small{display:none}
.crm-policy-disclosure{border-bottom:1px solid #e7eee9;padding-bottom:4px}.crm-policy-disclosure>summary{padding:4px 0;min-height:28px;font-size:11px}.crm-shell .crm-progress{margin-top:8px;padding:12px}.crm-detail-tabs{gap:20px}.crm-detail-tabs button{font-size:13px;padding-bottom:9px}
.crm-shell .crm-table{font-size:12px}.crm-table th{font-size:11px}.crm-table th,.crm-table td{padding:11px 10px}.crm-shell .crm-history-filters{gap:7px}.crm-shell .crm-history-filters label{font-size:11px}.crm-shell #crm-count{margin:10px 0;font-size:12px}
.payment-customer{border:1px solid #dce7df;background:#f6faf7;border-radius:12px;padding:14px;margin:8px 0;display:grid;gap:10px;min-width:0}.payment-customer h3{font-size:14px;margin:0;color:#285640}.payment-customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-customer-fields label{display:grid;gap:7px;font-size:12px;min-width:0}.payment-customer-fields label small{font-size:10px;font-weight:400;color:#647b6b}.payment-customer-fields input{width:100%;min-width:0;min-height:44px;border:1px solid #d4e2d8;border-radius:8px;padding:10px;font-size:14px;background:#fff}.payment-customer-fields input:read-only{background:#edf3ef;color:#365442}.payment-customer p{font-size:12px;line-height:1.6;margin:0;color:#506d5a}.payment-points-policy>summary{font-size:11px;color:#6b8071;cursor:pointer}.payment-points-policy p{margin-top:8px!important}
.crm-profile-stats{align-items:start}.crm-profile-stats>div{align-content:start}.crm-shell .person-main small{color:#526b5e}.crm-list-meta{color:#687c70}
@media(max-width:1100px){.crm-shell .member-layout,#view-members .member-layout{grid-template-columns:280px minmax(0,1fr)}.crm-profile-actions{width:auto}.crm-profile-main{min-width:130px}.crm-profile-actions button{padding-inline:8px}}
@media(max-width:760px){.crm-shell .member-layout,#view-members .member-layout{grid-template-columns:1fr}.crm-shell .member-list{max-height:260px}.crm-shell .crm-toolbar{grid-template-columns:minmax(0,1fr) auto}.crm-shell .crm-toolbar label:first-child{grid-column:1/-1}.crm-shell .crm-toolbar.expanded>label:not(:first-child){min-width:0}.crm-profile-actions{width:100%}.crm-profile-stats strong{font-size:18px}.crm-shell .member-detail{padding:14px}.payment-customer-fields{grid-template-columns:1fr}.crm-profile-stats{grid-template-columns:1fr 1.3fr .65fr}}

/* Reference: overview, customer table, and profile in two balanced panels. */
.crm-reference .crm-overview .crm-metric-icon{color:#087d36}.crm-reference .crm-overview .crm-metric-icon.crown{color:#bd7b12}
body:has(#view-members.active) .sidebar{background:linear-gradient(155deg,#073e31,#003c2e)}
.crm-shell.crm-reference{width:100%;max-width:none;margin:0}
.crm-reference svg{width:20px;height:20px;flex-shrink:0}
.crm-reference>.section-head{margin-bottom:22px;align-items:end}.crm-reference>.section-head>div>h2,.crm-reference>.section-head>div>.eyebrow,.crm-reference>.section-head>div>small{display:none}.crm-page-description{margin:0;color:#4d626c;font-size:14px;line-height:1.6}.crm-reference>.section-head>button{min-height:46px;padding:12px 22px;border-radius:10px;background:#006b58;color:white;border:1px solid #006b58;font-weight:650;font-size:14px}
.crm-reference .crm-overview{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.7fr;gap:16px;margin:0 0 22px}.crm-reference .crm-overview article{display:flex;align-items:center;gap:15px;padding:19px;background:#fff;border:1px solid #eaf0ed;border-radius:13px;min-height:100px}.crm-reference .crm-overview article:first-child{background:#fff}.crm-metric-icon{width:50px;height:50px;display:grid;place-items:center;background:#e8f8eb;border-radius:50%;color:#087d36;flex-shrink:0}.crm-metric-icon svg{width:26px;height:26px}.crm-metric-icon.crown{color:#bd7b12;background:#fff5e6}.crm-reference .crm-overview article div>span{color:#3b505b;font-size:13px}.crm-reference .crm-overview article p{display:flex;align-items:baseline;gap:7px;margin:8px 0 0}.crm-reference .crm-overview article strong{font-size:25px;letter-spacing:-.5px;color:#102c35;font-weight:750;white-space:nowrap}.crm-reference .crm-overview article small{display:inline;color:#657984;font-size:12px}
.crm-reference .member-layout,#view-members.crm-reference .member-layout{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:20px;align-items:stretch}
.crm-directory{min-width:0;background:#fff;border:1px solid #e8eeeb;border-radius:13px;padding:20px;min-height:620px;display:flex;flex-direction:column;align-self:stretch}.crm-directory>h2{font-size:19px;margin:0 0 16px;letter-spacing:-.4px;color:#162e38}
.crm-reference .crm-toolbar{padding:0;margin:0 0 18px;border:0;gap:9px;background:transparent;display:flex;flex-wrap:wrap;align-items:center}.crm-reference .crm-toolbar .crm-search-field{position:relative;display:block;flex:1;min-width:180px;font-size:0}.crm-search-field>svg{position:absolute;top:12px;left:12px;width:18px;height:18px;color:#61747d}.crm-reference .crm-toolbar input[type=search]{width:100%;padding-left:37px;font-size:12px;min-height:44px;border-radius:9px}.crm-reference .crm-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid #dde6e2;border-radius:9px;background:white;white-space:nowrap;font-size:12px;font-weight:650}.crm-reference .crm-toolbar button svg{width:16px;height:16px}.crm-reference .crm-toolbar.expanded>label:not(:first-child){display:grid;flex:1;min-width:100px;order:3}.crm-reference .crm-toolbar.expanded>button{order:1}.crm-reference .crm-toolbar.expanded>label:first-child{order:0}
.crm-reference .member-list,#view-members.crm-reference .member-list{padding:0;border:0;box-shadow:none;background:transparent;max-height:none;min-height:0;overflow:visible;border-radius:0}
.crm-customer-table{border:1px solid #e7eeea;border-radius:10px;overflow:hidden}.crm-customer-head,.crm-reference .member-card{display:grid;grid-template-columns:minmax(115px,1.4fr) minmax(100px,1.1fr) 66px 58px minmax(100px,1fr) 12px;align-items:center;gap:9px;padding:14px 12px}.crm-customer-head{background:#f5f7f8;color:#526570;font-size:11px;font-weight:650;min-height:48px}.crm-reference .member-card{width:100%;border-radius:0;border:0;border-bottom:1px solid #edf1ef;min-height:82px;text-align:left;background:#fff;font-size:12px;color:#243e49;box-shadow:none}.crm-reference .member-card:last-child{border-bottom:0}.crm-reference .member-card.active{background:#eef8f3;box-shadow:inset 2px 0 #007b5d}.crm-reference .member-card:hover{background:#f4faf6}.crm-customer-name{display:flex;gap:11px;align-items:center;min-width:0}.crm-reference .person-avatar{width:38px;height:38px;background:#e0f0e7;color:#215843;border-radius:13px;font-size:16px}.crm-reference .person-main{gap:6px}.crm-reference .person-main strong{font-size:13px;line-height:1.4;color:#1a333b}.crm-reference .person-main small{font-size:11px;color:#6f828b}.crm-customer-phone{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.crm-customer-spend{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}.crm-customer-head>span:nth-child(5){text-align:right}.crm-row-arrow{color:#527165;font-size:19px}.crm-reference .crm-tier{border-radius:6px;padding:6px 8px;font-size:10px}.crm-reference .crm-pagination{border:0;position:static;justify-content:flex-end;margin-top:14px;padding:0;gap:10px}.crm-reference .crm-pagination>span{background:#006b58;color:#fff;padding:9px 12px;border-radius:7px;font-size:12px}.crm-reference .crm-pagination button{border:1px solid #dde7e1;border-radius:8px;background:white;min-height:34px;font-size:11px}.crm-reference #crm-count{font-size:12px;color:#73848c;margin:14px 0 0}
.crm-reference .member-detail,#view-members.crm-reference .member-detail{padding:22px;border:1px solid #e8eeeb;border-radius:13px;background:#fff;align-content:start;gap:18px;min-width:0}.crm-reference .crm-profile{gap:13px;flex-wrap:wrap}.crm-reference .person-avatar.large{width:52px;height:52px;border-radius:50%;font-size:23px}.crm-reference .crm-profile-main{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;min-width:130px}.crm-reference .crm-profile-main h2{order:0;font-size:20px;margin:0;color:#162e36}.crm-reference .crm-profile-badges{order:1}.crm-reference .crm-profile-main p{order:2;flex-basis:100%;font-size:11px;line-height:1.5;color:#6b7e87}.crm-reference .crm-profile-actions{width:auto;margin-left:auto;gap:8px}.crm-reference .crm-profile-actions button{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;min-height:42px;font-size:12px;border-radius:9px;white-space:nowrap}.crm-reference .crm-profile-actions button svg{width:16px;height:16px}.crm-reference .crm-profile-actions .primary-btn{background:#006b58;border-color:#006b58}
.crm-reference .crm-profile-stats{border:0;border-radius:10px;background:#f1f8f4;padding:19px 10px;gap:8px;grid-template-columns:1fr 1.25fr .7fr}.crm-reference .crm-profile-stats>div{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:9px;row-gap:7px;align-content:start;min-width:0}.crm-reference .crm-profile-stats>div+div{border-left:1px solid #dfeee4;padding-left:10px}.crm-reference .crm-profile-stats>div>svg{grid-column:1;grid-row:1/4;align-self:center;width:36px;height:36px;border-radius:50%;padding:8px;background:#e0f3e6;color:#087831}.crm-reference .crm-profile-stats>div>span,.crm-reference .crm-profile-stats>div>strong,.crm-reference .crm-profile-stats>div>small{grid-column:2}.crm-reference .crm-profile-stats span{font-size:10px;color:#667d78}.crm-reference .crm-profile-stats strong{font-size:19px;letter-spacing:-.5px;color:#102d32;white-space:nowrap;overflow-wrap:normal}.crm-reference .crm-profile-stats small{font-size:9px;line-height:1.5;color:#78908a}.crm-reference .crm-profile-stats>div:last-child small{display:none}
.crm-reference .crm-policy-disclosure{border-bottom:1px solid #e7eeeb;padding:0 0 14px}.crm-reference .crm-policy-disclosure>summary{color:#006b58;font-size:12px;padding:0;min-height:22px}.crm-reference .crm-detail-tabs{gap:22px}.crm-reference .crm-detail-tabs button{display:inline-flex;gap:7px;align-items:center;font-size:12px;white-space:nowrap}.crm-reference .crm-detail-tabs button svg{width:16px;height:16px}.crm-reference .crm-detail-tabs [aria-selected=true]{color:#006b58;border-color:#006b58}.crm-reference .crm-history-head{font-size:12px;color:#4d6571}.crm-reference .crm-history-head button{padding:8px 11px;min-height:38px;font-size:11px}.crm-reference .crm-history-filters label{font-size:11px;color:#6b8088}.crm-reference .crm-history-filters input,.crm-reference .crm-history-filters select{min-height:40px}.crm-reference .crm-table{font-size:11px}.crm-reference .crm-table th{font-size:10px;background:#f5f7f8}.crm-reference .crm-table td:only-child{padding:36px 12px;text-align:center;color:#7a8e96}
@media(min-width:1600px){.crm-directory{padding:22px}.crm-reference .crm-profile-stats{padding:22px 12px;gap:12px}.crm-reference .crm-profile-stats strong{font-size:22px}.crm-reference .crm-profile-stats small{font-size:10px}.crm-reference .crm-profile-stats span{font-size:11px}.crm-reference .crm-profile-stats>div{grid-template-columns:42px minmax(0,1fr)}.crm-reference .crm-profile-stats>div>svg{width:42px;height:42px}.crm-reference .crm-customer-head,.crm-reference .member-card{gap:14px;padding:16px;font-size:13px}.crm-reference .person-main strong{font-size:14px}.crm-reference .person-main small{font-size:12px}.crm-reference .crm-customer-phone,.crm-reference .crm-customer-spend{font-size:13px}.crm-reference .crm-table{font-size:12px}.crm-reference .crm-table th{font-size:11px}.crm-reference .crm-profile-main p{font-size:12px}.crm-reference .crm-toolbar input[type=search]{font-size:13px}.crm-reference .crm-detail-tabs button{font-size:13px}.crm-reference .member-card.active{border-radius:8px;box-shadow:inset 2px 0 #007b5d,inset -1px 0 #007b5d}}
@media(min-width:1351px) and (max-width:1599px){.crm-reference .crm-customer-head,.crm-reference .member-card{grid-template-columns:minmax(100px,1.2fr) minmax(90px,1fr) 50px 40px minmax(85px,1fr) 10px;gap:6px;padding:14px 10px}.crm-reference .crm-customer-head,.crm-reference .crm-customer-phone,.crm-reference .crm-customer-spend{font-size:11px}.crm-reference .crm-customer-name{gap:7px}.crm-reference .person-avatar{width:30px;height:34px;font-size:13px}.crm-reference .person-main strong{font-size:12px}}
@media(max-width:1350px){.crm-reference .member-layout,#view-members.crm-reference .member-layout{grid-template-columns:minmax(0,1fr)}.crm-directory{min-height:0}.crm-reference .crm-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.crm-reference .crm-overview article{padding:14px;gap:10px}.crm-reference .crm-overview article strong{font-size:21px}.crm-metric-icon{width:40px;height:40px}.crm-reference .crm-profile-stats strong{font-size:22px}.crm-reference .crm-profile-stats small{font-size:11px}.crm-reference .crm-profile-main p{font-size:12px}}
@media(max-width:760px){.crm-reference>.section-head{align-items:start;gap:12px;flex-wrap:wrap}.crm-reference>.section-head>button{padding:10px 15px;font-size:12px}.crm-page-description{font-size:12px}.crm-reference .crm-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.crm-reference .crm-overview article{min-height:90px;padding:12px;gap:10px}.crm-reference .crm-overview article div>span{font-size:11px}.crm-reference .crm-overview article strong{font-size:18px}.crm-reference .crm-overview article:last-child strong{font-size:16px}.crm-metric-icon{width:34px;height:34px}.crm-metric-icon svg{width:20px;height:20px}.crm-directory{padding:14px}.crm-directory>h2{font-size:17px}.crm-reference .crm-toolbar .crm-search-field{flex-basis:100%}.crm-customer-head,.crm-reference .member-card{grid-template-columns:minmax(0,1.2fr) minmax(85px,.9fr) minmax(82px,.8fr);gap:8px;padding:12px 10px}.crm-customer-head>span:nth-child(3),.crm-customer-head>span:nth-child(4),.crm-customer-head>span:nth-child(6),.crm-customer-visits,.crm-row-arrow{display:none}.crm-customer-head>span:nth-child(5){grid-column:3}.crm-customer-tier{grid-column:1;grid-row:2;margin-left:0}.crm-customer-spend{grid-column:3;grid-row:1;font-size:11px}.crm-customer-name{gap:7px}.crm-reference .person-avatar{width:30px;height:32px;font-size:13px}.crm-reference .person-main strong{font-size:12px}.crm-customer-phone{font-size:11px}.crm-reference .member-card{min-height:92px}.crm-reference .crm-customer-tier .crm-tier{padding:3px 7px}.crm-reference .member-detail,#view-members.crm-reference .member-detail{padding:15px;gap:16px}.crm-reference .crm-profile-actions{width:100%;margin:0}.crm-reference .crm-profile-actions button{flex:1;justify-content:center}.crm-reference .crm-profile-stats{grid-template-columns:1fr;gap:13px;padding:14px}.crm-reference .crm-profile-stats>div{grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto}.crm-reference .crm-profile-stats>div+div{border-left:0;border-top:1px solid #dfebe3;padding:12px 0 0}.crm-reference .crm-profile-stats>div>svg{grid-row:1/4}.crm-reference .crm-profile-stats strong{font-size:21px}.crm-reference .crm-detail-tabs{gap:14px;overflow-x:auto}.crm-reference .crm-detail-tabs button{font-size:11px;gap:5px}.crm-reference .crm-table-wrap{max-height:400px}}