/* Scoped presentation examples; the booking workspace keeps its existing styles. */
.nav-examples-label{font-size:10px;letter-spacing:1.7px;color:#a6b8d4;margin:18px 14px 0}.sidebar nav .example-nav-button{display:flex;align-items:center;justify-content:space-between;gap:8px}.nav-example-badge{font-size:9px;line-height:1.5;border:1px solid #a6c5df66;border-radius:4px;padding:1px 4px;color:#cce5f7;font-weight:500}.example-page{max-width:1400px;margin:auto}.example-heading-icon{width:50px;height:50px;padding:12px;background:#e5eef8;border-radius:12px;color:#215387;flex:none}.example-heading-icon svg,.example-heart svg{width:100%;height:100%}.example-banner{display:flex;align-items:center;gap:14px;border:1px solid #c7d8eb;background:#edf4fb;padding:14px 18px;border-radius:9px;margin-bottom:24px;font-size:13px;line-height:1.6;color:#254e70}.example-tag{display:inline-block;flex:none;font-size:10px;font-weight:750;letter-spacing:1px;color:#254e70;white-space:nowrap}.example-banner p{margin:0}.example-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 22px}.example-controls p{margin-top:6px}.example-controls .segmented{background:#e7edf5}.example-controls button{min-height:44px}.example-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.example-stat{border:1px solid var(--line);border-radius:11px;padding:21px;background:white;min-width:0}.example-stat p{font-size:12px;color:var(--muted);line-height:1.5}.example-stat strong{display:block;font-size:32px;letter-spacing:-.8px;line-height:1.3;margin:10px 0 7px;overflow-wrap:anywhere}.example-stat small{font-size:11px;color:var(--muted);line-height:1.6}.example-stat.featured{background:#1c244b;border-color:#1c244b;color:white}.example-stat.featured p,.example-stat.featured small{color:#cbd9f1}.example-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;margin-bottom:22px}.example-panel{min-width:0}.example-panel-head{padding:22px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.example-panel-head h2{font-size:18px}.example-panel-head p{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.6}.example-caption{color:var(--muted);font-size:10px;white-space:nowrap;letter-spacing:.3px;margin-top:5px}.example-footnote{color:var(--muted);font-size:12px;line-height:1.7;padding:16px 24px}.example-chart{display:flex;gap:14px;padding:24px 24px 0;height:235px;align-items:stretch;background:linear-gradient(to bottom,transparent 33%,#e8eef6 33%,#e8eef6 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#e8eef6 66%,#e8eef6 calc(66% + 1px),transparent calc(66% + 1px))}.example-chart-column{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:7px}.example-chart-column b{font-size:12px;color:#254e70}.example-chart-track{flex:1;display:flex;align-items:flex-end;justify-content:center}.example-chart-track span{width:100%;max-width:45px;background:#467ff7;border-radius:5px 5px 0 0;min-height:4px}.example-chart-column:last-child .example-chart-track span{background:#215387}.example-chart-column small{font-size:10px;color:var(--muted);padding-top:3px}.example-lifts{padding:25px 24px 0;display:grid;gap:24px}.example-lift>div:first-child{display:flex;justify-content:space-between;font-size:13px;margin-bottom:9px}.example-lift strong{font-size:18px}.example-lift small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.example-bar{height:10px;border-radius:5px;background:#e9eff7;overflow:hidden}.example-bar span{display:block;height:100%;border-radius:5px;background:#3283bd}.example-lift:nth-child(2) .example-bar span{background:#577da7}.example-lift:nth-child(3) .example-bar span{background:#6c9fab}.example-data-state{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:20px;padding:22px 24px;margin-bottom:22px}.example-data-state h2{font-size:18px;margin-bottom:7px}.example-source{grid-column:1/-1;background:#edf5f0;color:#285640;padding:15px 18px;border-radius:8px;font-size:13px;line-height:1.65}.example-source p{margin-top:4px}.example-source.delayed{background:#fff3de;color:#775118;border:1px solid #ead3ac}.example-table th,.example-table td{padding:15px 24px}.example-status{display:inline-block;width:fit-content;white-space:nowrap;font-size:11px;line-height:1.4;padding:6px 9px;border-radius:5px}.example-status.active{background:#e8f4ec;color:#24593b}.example-status.attention{background:#fff0d8;color:#785012}.example-status.ended{background:#edf0f5;color:#55647c}.example-tabs{margin-top:26px}.example-friend-controls{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;padding:20px 24px 8px}.example-result-count{color:var(--muted);font-size:11px;padding:12px 24px}.example-friend-list{padding:0 24px}.example-friend-row{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(105px,.7fr) 155px auto;gap:18px;align-items:center;padding:18px 0;border-top:1px solid var(--line);font-size:13px;min-width:0}.example-person{display:flex;align-items:center;gap:12px;min-width:0}.example-person>div{min-width:0;overflow-wrap:anywhere}.example-avatar{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;background:#edf1f8;color:#466184;font-size:11px;font-weight:700}.example-person small,.example-contribution small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.example-friend-row button{font-size:12px;white-space:nowrap}.example-page>.example-columns,#example-friend-content>.example-columns{margin-top:22px}.example-steps{list-style:none;counter-reset:step;padding:5px 24px 22px;margin:0;display:grid;gap:20px}.example-steps li{counter-increment:step;position:relative;padding-left:42px;font-size:13px;margin-top:15px;line-height:1.6}.example-steps li:before{content:counter(step);position:absolute;top:0;left:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e8f0fb;color:#215387;font-size:12px;font-weight:700}.example-steps p{font-size:12px;color:var(--muted);margin-top:3px}.example-panel-copy{padding:24px;line-height:1.8;font-size:14px;display:grid;gap:20px}.example-detail{display:grid;gap:22px}.example-detail .example-banner{margin:0;align-items:flex-start}.example-history{background:#f3f6fa;padding:18px;border-radius:8px;display:grid;gap:12px;font-size:13px;line-height:1.8}.example-detail>p{line-height:1.7}.example-signup-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}.example-signup{padding:32px;display:grid;gap:22px}.example-signup h2{font-size:27px;letter-spacing:-.6px}.example-signup>.muted{margin-top:-12px;line-height:1.7}.example-support{border:0;margin:6px 0 0;padding:0;min-width:0}.example-support legend{font-size:12px;font-weight:600;margin-bottom:12px}.example-support>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.example-support button{text-align:left;padding:15px 12px;display:grid;gap:8px}.example-support button.selected{background:#edf4ff;border:2px solid #215387;padding:14px 11px}.example-support button span{font-size:11px}.example-support button strong{font-size:20px;letter-spacing:-.5px}.example-support button small{color:var(--muted);font-size:11px;font-weight:400}.example-signup .example-footnote{padding:0}.example-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:20px;font-size:14px}.example-summary span,.example-summary small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-bottom:5px}.example-signup-aside{padding:30px 32px;line-height:1.8;color:#324a6d}.example-heart{width:40px;height:40px;color:#467ff7;margin-bottom:22px}.example-signup-aside h2{font-size:26px;line-height:1.4;color:var(--ink);margin-bottom:18px;letter-spacing:-.6px}.example-signup-aside>p{font-size:14px}.example-support-notes{display:grid;gap:18px;margin:24px 0;font-size:13px}.example-signup-aside>small{font-size:11px;color:var(--muted)}
@media(max-width:1200px){.example-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.example-friend-row{grid-template-columns:minmax(150px,1fr) 105px 145px;gap:14px}.example-friend-row button{grid-column:3;justify-self:start}.example-signup-grid{grid-template-columns:minmax(0,1fr)}.example-signup-aside{padding-top:10px}.example-support-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
@media(max-width:760px){.sidebar nav{flex-wrap:wrap}.nav-examples-label{flex-basis:100%;margin:8px 12px 0}.sidebar nav .example-nav-button{padding:10px 12px;font-size:12px}.example-heading-icon{width:42px;height:42px;padding:10px}.example-heading h1{font-size:26px;overflow-wrap:anywhere}.example-banner{align-items:flex-start;flex-direction:column;gap:7px;padding:13px 15px;font-size:12px;margin-bottom:20px}.example-controls{align-items:flex-start;flex-direction:column;gap:14px}.example-controls>b{font-size:13px}.example-controls .segmented{width:100%}.example-controls .segmented button{flex:1}.example-stats{gap:10px;margin-bottom:18px}.example-stat{padding:15px}.example-stat p{font-size:11px}.example-stat strong{font-size:26px;letter-spacing:-.6px}.example-stat small{font-size:10px}.example-columns{grid-template-columns:minmax(0,1fr);gap:18px}.example-panel-head{padding:18px;gap:10px}.example-panel-head h2{font-size:17px}.example-caption{display:none}.example-chart{height:210px;padding:22px 18px 0;gap:8px}.example-chart-column b{font-size:11px}.example-chart-column small{font-size:9px}.example-footnote{padding:16px 18px;font-size:11px}.example-lifts{padding:22px 18px 0}.example-data-state{padding:18px;grid-template-columns:minmax(0,1fr);gap:16px}.example-source{padding:13px;font-size:12px}.example-table th,.example-table td{padding:12px 9px;font-size:11px}.example-table .example-status{font-size:10px;padding:5px 6px}.example-friend-controls{padding:18px 18px 6px;grid-template-columns:minmax(0,1fr);gap:14px}.example-friend-list{padding:0 18px}.example-result-count{padding:12px 18px}.example-friend-row{grid-template-columns:minmax(0,1fr) auto;gap:13px;padding:18px 0}.example-person{grid-column:1/-1}.example-friend-row button{grid-column:2;grid-row:3;justify-self:end}.example-friend-row>.example-status{grid-column:1;grid-row:3;white-space:normal}.example-contribution{grid-column:1/-1;display:flex;align-items:center;gap:6px;padding-left:48px}.example-contribution small{margin:0}.example-steps{padding:0 18px 20px}.example-panel-copy{padding:18px;font-size:13px}.example-signup{padding:22px 18px;gap:20px}.example-signup h2{font-size:24px}.example-support>div{gap:6px}.example-support button{padding:12px 8px}.example-support button.selected{padding:11px 7px}.example-support button strong{font-size:17px}.example-support button span{font-size:10px}.example-signup-aside{padding:12px 18px}.example-support-notes{grid-template-columns:minmax(0,1fr);gap:18px}.example-summary>strong{text-align:right}.example-detail .detail-list dd{margin-bottom:10px}}
@media(max-width:380px){.example-support>div{grid-template-columns:minmax(0,1fr)}.example-support button{grid-template-columns:1fr auto;align-items:center;column-gap:12px}.example-support button span{grid-row:1/3;font-size:12px}.example-support button strong,.example-support button small{grid-column:2;text-align:right;white-space:nowrap}}
/* Sales examples share the portal's quiet, compact visual language. */
.sales-demo-mark{font-size:11px;letter-spacing:1px;padding:7px 10px;border:1px solid #b6cadf;border-radius:6px;color:#526580}.sales-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:22px}.sales-tabs button{border:0;border-radius:7px 7px 0 0;background:transparent;padding:12px 23px;color:var(--muted);font-weight:500}.sales-tabs button.active{background:white;color:#215387;box-shadow:inset 0 -3px #215387;font-weight:700}.sales-controls{display:flex;align-items:end;gap:18px;flex-wrap:wrap}.sales-controls>.field{flex:1;max-width:290px}.sales-controls .segmented{padding:4px;background:#e5ecf5}.sales-controls .segmented button{min-height:44px}.sales-period-caption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:22px 0 16px}.sales-period-caption b{font-size:14px}.sales-period-caption span{font-size:11px;color:var(--muted)}.sales-stats .example-stat strong{font-size:clamp(24px,2.4vw,33px)}.sales-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.sales-source-card{display:grid;gap:10px;text-align:left;padding:18px;border:1px solid var(--line);border-top:3px solid var(--source-color);border-radius:9px;min-width:0;font-weight:400}.sales-source-card.selected{background:#edf4ff;box-shadow:inset 0 0 0 1px #215387}.sales-source-top{display:flex;align-items:start;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px}.sales-source-top small{font-size:10px;color:var(--muted);font-weight:400}.sales-source-card>strong{font-size:24px;letter-spacing:-.6px}.sales-source-card>span:not(:first-child),.sales-source-card>small{font-size:11px;color:var(--muted);line-height:1.6}.sales-source-grid:has(>.sales-source-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.sales-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;margin-bottom:22px}.sales-chart{display:grid;grid-template-columns:repeat(var(--bars),minmax(0,1fr));gap:6px;height:230px;margin:22px 24px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 48px,#eaf0f7 49px,#eaf0f7 50px)}.sales-bar{border:0;border-radius:4px 4px 0 0;background:transparent;display:flex;flex-direction:column;gap:8px;justify-content:end;align-items:stretch;padding:0;min-width:0;min-height:0;color:var(--muted)}.sales-bar:hover{background:#dce8f655}.sales-bar-track{display:flex;align-items:end;justify-content:center;height:100%;min-height:0}.sales-bar-track>span{width:80%;max-width:44px;background:#3d78b5;border-radius:4px 4px 0 0;min-height:2px}.sales-bar small{height:19px;flex:none;font-size:10px;font-weight:400;text-align:center}.sales-bar:focus-visible{outline-offset:0}.sales-data-table{border-top:1px solid var(--line);font-size:12px}.sales-data-table summary{cursor:pointer;padding:15px 24px;color:#215387;min-height:44px}.sales-data-table table{font-variant-numeric:tabular-nums}.sales-data-table th:not(:first-child),.sales-data-table td:not(:first-child){text-align:right}.sales-ranking-controls{margin:16px 20px;width:fit-content}.sales-ranking-controls button{min-height:40px;font-size:12px}.sales-ranking{padding:0 22px}.sales-ranking-head,.sales-product{display:grid;grid-template-columns:minmax(0,1fr) 44px 100px;gap:10px;align-items:center}.sales-ranking-head{font-size:10px;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--line)}.sales-ranking-head>span:not(:first-child){text-align:right}.sales-product{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;font-variant-numeric:tabular-nums}.sales-product>div{display:flex;gap:10px;align-items:center;min-width:0;overflow-wrap:anywhere}.sales-product b,.sales-product strong{text-align:right;font-size:12px;font-weight:600}.sales-rank{flex:none;color:var(--muted);font-size:10px}.sales-product small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.sales-breakdown{margin-bottom:22px}.sales-distribution{padding:24px;display:grid;gap:26px}.sales-distribution>div>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:12px;flex-wrap:wrap}.sales-distribution span{color:var(--muted);font-variant-numeric:tabular-nums}.sales-connection-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:24px}.sales-connection-list>div{display:flex;align-items:center;gap:10px;font-size:12px;min-width:0}.sales-connection-list>div>div{flex:1;min-width:0;overflow-wrap:anywhere}.sales-connection-list small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.sales-connection-list>div>span:last-child{font-size:10px;color:var(--muted);white-space:nowrap}.sales-connection-dot{height:8px;width:8px;flex:none;border-radius:50%;background:#98a6b8}.sales-next{background:#f7f9fc;padding:20px 24px;border-top:1px solid var(--line);font-size:13px;line-height:1.7}.sales-next p{color:var(--muted);margin-top:6px}
@media(max-width:1200px){.sales-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-grid{grid-template-columns:minmax(0,1fr)}.sales-stats .example-stat strong{font-size:30px}.sales-product{grid-template-columns:minmax(0,1fr) 60px 110px}}
@media(max-width:760px){.sales-controls{gap:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sales-controls .segmented{grid-column:1/-1;display:flex}.sales-controls .segmented button{flex:1}.sales-controls>.field{max-width:none;font-size:11px}.sales-controls input,.sales-controls select{padding:10px 7px;font-size:12px}.sales-tabs{margin-bottom:18px}.sales-tabs button{flex:1;padding:12px 8px;font-size:13px}.sales-period-caption{line-height:1.6}.sales-period-caption b{font-size:13px}.sales-period-caption span{font-size:10px}.sales-stats .example-stat strong{font-size:clamp(22px,6vw,29px)}.sales-stats .example-stat{padding:15px 12px}.sales-source-grid{gap:10px;margin-bottom:18px}.sales-source-card{padding:14px 12px;gap:7px}.sales-source-top{font-size:12px;gap:5px}.sales-source-top small{font-size:9px}.sales-source-card>strong{font-size:21px}.sales-source-card>span:not(:first-child),.sales-source-card>small{font-size:10px}.sales-grid{gap:18px;margin-bottom:18px}.sales-chart{height:200px;margin:18px 16px 0;gap:3px}.sales-bar small{font-size:9px}.sales-ranking{padding:0 16px}.sales-ranking-controls{margin:14px 16px}.sales-ranking-head,.sales-product{grid-template-columns:minmax(0,1fr) 36px 83px;gap:7px}.sales-product{font-size:11px}.sales-product>div{gap:7px}.sales-product strong,.sales-product b{font-size:11px}.sales-distribution{padding:20px 18px}.sales-connection-list{grid-template-columns:minmax(0,1fr);padding:20px 18px}.sales-next{padding:18px;font-size:12px}.sales-page .page-title{align-items:center}.sales-demo-mark{font-size:9px;padding:5px 8px}.sales-data-table summary{padding:15px 18px}}
@media(max-width:380px){.sales-source-grid,.sales-source-grid:has(>.sales-source-card:nth-child(2):last-child){grid-template-columns:minmax(0,1fr)}.sales-stats{grid-template-columns:minmax(0,1fr)}.sales-stats .example-stat strong{font-size:30px}.sales-controls{grid-template-columns:minmax(0,1fr)}.sales-controls .segmented{grid-column:auto}.sales-ranking-head,.sales-product{grid-template-columns:minmax(0,1fr) 30px 74px;gap:5px}}

.sales-source-caption{font-size:11px;color:var(--muted);margin:0 0 12px}