.example-section{margin:34px 0 58px}.example-section-head,.builder-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.example-section-head h2,.builder-intro h2{font-family:Georgia,serif;font-size:clamp(26px,3vw,36px);line-height:1.1;margin:5px 0;color:#152239;letter-spacing:-.04em}.example-section-head>p,.builder-intro>p{color:#637084;margin:0 0 3px;font-size:13px}.builder-intro{display:block;margin:0 0 18px}.builder-intro h2{margin:4px 0 8px}.workspace-example{--ex-photo:url('/assets/examples/seville.jpg');--ex-ink:#152239;--ex-muted:#637084;--ex-line:#e3e5e9;--ex-blue:#5167e7;color:var(--ex-ink);background:#f6f4f0;border:1px solid #e6e3df;border-radius:18px;box-shadow:0 22px 70px #16213b1a;overflow:hidden;font:13px/1.45 "DM Sans",system-ui,sans-serif}.workspace-example *{box-sizing:border-box}.workspace-example button{font:inherit;cursor:pointer}.workspace-example .ex-shell{display:grid;grid-template-columns:162px minmax(0,1fr);min-height:695px}.workspace-example .ex-sidebar{background:#fbfaf8;border-right:1px solid #e8e6e2;padding:19px 12px;display:flex;flex-direction:column;gap:28px}.workspace-example .ex-brand{display:flex;align-items:center;gap:7px;padding:3px 8px;white-space:nowrap;font-size:16px;letter-spacing:-.05em}.workspace-example .ex-brand img{width:22px;height:22px}.workspace-example .ex-brand span{color:#5167e7}.workspace-example .ex-sidebar nav{display:grid;gap:3px}.workspace-example .ex-sidebar nav button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-radius:8px;min-height:38px;padding:8px 10px;color:#42506a;font-size:12px}.workspace-example .ex-sidebar nav button:hover,.workspace-example .ex-sidebar nav button[aria-current]{background:#e9edff;color:#3453d6}.workspace-example .ex-sidebar nav button b{margin-left:auto;background:#f8dddd;color:#b63234;border-radius:99px;padding:1px 6px;font-size:10px}.workspace-example .ex-icon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:7px;color:#5167e7;background:#ebefff;font-size:15px;flex:none;font-weight:700}.workspace-example .ex-sidebar nav .ex-icon{width:18px;height:18px;background:none;color:inherit;font-size:16px}.workspace-example .ex-sidebar-foot{margin-top:auto;padding:12px 8px;border-top:1px solid #eceae5;color:#556178;font-size:11px}.workspace-example .ex-sidebar-foot span{color:#8b93a0}.workspace-example .ex-main{min-width:0;padding:0 24px 30px}.workspace-example .ex-topbar{height:49px;display:flex;align-items:center;justify-content:space-between;color:#8790a0;font-size:10px;font-weight:800;letter-spacing:.1em}.workspace-example .ex-topbar-dot{padding:0 3px}.workspace-example .ex-avatar{width:26px;height:26px;border-radius:50%;background:#243854;color:#fff;display:grid;place-items:center;font-size:11px;letter-spacing:0}.workspace-example .ex-overline{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.workspace-example h2,.workspace-example h3{font-family:Georgia,serif;letter-spacing:-.04em}.workspace-example .ex-home-hero{position:relative;isolation:isolate;display:flex;align-items:end;justify-content:space-between;gap:15px;min-height:240px;padding:25px;border-radius:14px;overflow:hidden;color:white;background:#172439}.workspace-example .ex-home-hero:before,.workspace-example .ex-trip-cover:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#101c30c9 0%,#13233a55 55%,#13233a3d),var(--ex-photo);background-size:cover;background-position:center}.workspace-example .ex-hero-copy h2{font-size:clamp(32px,4vw,50px);line-height:1.02;margin:9px 0}.workspace-example .ex-hero-copy p{font-size:16px;margin:0 0 3px}.workspace-example .ex-hero-copy>span:not(.ex-overline){display:block;color:#e2e8f0}.workspace-example .ex-hero-copy button,.workspace-example .ex-trip-head>button{background:#5167e7;color:white;border:0;border-radius:8px;padding:10px 16px;margin-top:17px;font-weight:700;min-height:38px}.workspace-example .ex-hero-copy button{background:white;color:#2942b4}.workspace-example .ex-hero-status{min-width:190px;background:#102037bd;border:1px solid #ffffff38;border-radius:11px;padding:15px;backdrop-filter:blur(10px)}.workspace-example .ex-hero-status>span,.workspace-example .ex-hero-status strong,.workspace-example .ex-hero-status small{display:block}.workspace-example .ex-hero-status>span{font-size:10px;letter-spacing:.08em}.workspace-example .ex-hero-status b{float:right;color:#b9f0e2;letter-spacing:0}.workspace-example .ex-hero-status strong{font-size:13px;margin:14px 0 3px}.workspace-example .ex-hero-status small{color:#d8e1ec}.workspace-example .ex-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:13px 0 25px}.workspace-example .ex-summary-grid article{min-width:0;min-height:77px;border:1px solid var(--ex-line);border-radius:10px;padding:12px;background:white;display:grid;grid-template-columns:29px 1fr;column-gap:7px;align-content:center}.workspace-example .ex-summary-grid .ex-icon{grid-row:span 2}.workspace-example .ex-summary-grid strong{font-size:20px;line-height:1.1}.workspace-example .ex-summary-grid article>span:last-child{font-size:10px;color:#6b7688}.workspace-example .ex-icon.amber{color:#d47d2b;background:#fff3e6}.workspace-example .ex-icon.rose{color:#d2556b;background:#fff0f3}.workspace-example .ex-icon.slate{color:#536575;background:#ecf2f5}.workspace-example .ex-icon.hotel{color:#af6737;background:#fff0e5}.workspace-example .ex-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}.workspace-example .ex-section-head h3{font-size:20px;margin:0}.workspace-example .ex-section-head button{background:none;border:0;padding:5px;color:#4360df;font-size:11px;font-weight:700}.workspace-example .ex-trip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workspace-example .ex-trip-card{padding:0;overflow:hidden;display:block;text-align:left;background:white;border:1px solid var(--ex-line);border-radius:11px;color:inherit;min-width:0}.workspace-example .ex-trip-card:hover{box-shadow:0 8px 18px #15223918;transform:translateY(-2px)}.workspace-example .ex-trip-card img{display:block;width:100%;height:104px;object-fit:cover}.workspace-example .ex-trip-card-copy{display:grid;padding:11px 12px 14px}.workspace-example .ex-trip-card-copy small{color:#7b879b;font-size:10px}.workspace-example .ex-trip-card-copy strong{font-family:Georgia,serif;font-size:17px;line-height:1.2;margin:4px 0}.workspace-example .ex-trip-card-copy>span:last-child{color:#687588;font-size:11px}.workspace-example .ex-pill{justify-self:start;background:#e2f5ef;color:#286858;border-radius:99px;padding:2px 7px;margin-bottom:7px;font-size:9px;font-weight:800}.workspace-example .ex-home-lower{display:grid;grid-template-columns:1.3fr .7fr;gap:12px;margin-top:24px}.workspace-example .ex-home-lower>section,.workspace-example .ex-spend-grid>section{border:1px solid var(--ex-line);background:white;border-radius:12px;padding:17px;min-width:0}.workspace-example .ex-home-lower .ex-section-head h3{font-size:17px}.workspace-example .ex-reward-panel>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf0f3;padding:8px 0}.workspace-example .ex-reward-panel>div:last-child{border:0}.workspace-example .ex-reward-panel strong{font-size:14px}.workspace-example .ex-reward-panel span{font-size:10px;color:#6d7788;text-align:right}.workspace-example .ex-action-row{display:flex;align-items:center;gap:11px;border:1px solid #e5e8ee;border-radius:9px;padding:10px 12px;background:#fff;min-width:0}.workspace-example .ex-action-row+.ex-action-row{margin-top:8px}.workspace-example .ex-action-row>div{min-width:0;flex:1}.workspace-example .ex-action-label{display:block;font-size:9px;color:#697a91;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.workspace-example .ex-action-row h4{font-size:12px;margin:1px 0}.workspace-example .ex-action-row p{color:#657083;font-size:10px;margin:0}.workspace-example .ex-action-due{font-size:10px;color:#9b5863;white-space:nowrap}.workspace-example .ex-action-row>button{border:1px solid #d3daf2;border-radius:7px;color:#405bd1;background:#fff;padding:6px 9px;font-size:10px;font-weight:700;white-space:nowrap;min-height:30px}.workspace-example .ex-action-list{display:grid;gap:10px}.workspace-example .ex-action-list .ex-action-row{padding:16px}.workspace-example .ex-action-list .ex-action-row h4{font-size:15px}.workspace-example .ex-action-list .ex-action-row p{font-size:12px}.workspace-example .ex-page{padding:11px 0 25px}.workspace-example .ex-page-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:22px}.workspace-example .ex-page-heading h2,.workspace-example .ex-trip-head h2{font-size:clamp(29px,3.5vw,42px);line-height:1;margin:7px 0}.workspace-example .ex-page-heading p,.workspace-example .ex-trip-head p{color:#67748a;margin:4px 0;font-size:13px}.workspace-example .ex-count{background:white;border:1px solid var(--ex-line);border-radius:8px;padding:8px 12px;font-size:11px;white-space:nowrap}.workspace-example .ex-filter,.workspace-example .ex-trip-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:9px;margin-bottom:17px;border-bottom:1px solid var(--ex-line)}.workspace-example .ex-filter button,.workspace-example .ex-trip-tabs button{background:transparent;color:#657083;border:0;border-radius:6px;white-space:nowrap;font-size:11px;padding:7px 11px;min-height:31px}.workspace-example .ex-filter button[aria-pressed=true],.workspace-example .ex-trip-tabs button[aria-pressed=true]{background:#e8ecff;color:#3e58c8;font-weight:800}.workspace-example .ex-trip-detail{padding-bottom:25px}.workspace-example .ex-trip-cover{position:relative;isolation:isolate;height:150px;margin:0 -24px;border-radius:0 0 13px 13px;padding:17px 24px;color:white;background:#152239;display:flex;align-items:flex-start}.workspace-example .ex-trip-cover:before{background-image:linear-gradient(90deg,#1020379a,#10203708),var(--ex-photo);background-position:center 56%}.workspace-example .ex-trip-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:17px 0 10px}.workspace-example .ex-trip-head>button{margin:0;white-space:nowrap;font-size:11px}.workspace-example .ex-route-panel{display:grid;grid-template-columns:1.5fr .8fr;min-height:275px;background:#121e31;border-radius:13px;overflow:hidden;color:#fff}.workspace-example .ex-route-map{position:relative;overflow:hidden;padding:22px 24px;background:radial-gradient(circle at 62% 60%,#1b506080,transparent 45%),linear-gradient(130deg,#132b40,#0d192b)}.workspace-example .ex-route-map h3{font-size:27px;line-height:1.07;margin:7px 0}.workspace-example .ex-route-map p{font-size:12px;margin:0}.workspace-example .ex-route-map svg{position:absolute;inset:10px 0 0 0;width:100%;height:100%;fill:#91e1d4;font:13px system-ui,sans-serif;overflow:visible}.workspace-example .ex-route-map svg text{fill:#e9f8f4;font-weight:700;paint-order:stroke;stroke:#102335;stroke-width:3px}.workspace-example .ex-route-map small{position:absolute;left:24px;bottom:13px;color:#9eb3c5;font-size:9px}.workspace-example .ex-route-schedule{padding:20px;background:#0d1727}.workspace-example .ex-route-schedule>strong{display:block;font-size:10px;letter-spacing:.1em;color:#bad2e1;margin-bottom:13px}.workspace-example .ex-route-schedule>div{display:grid;grid-template-columns:67px 1fr;gap:0 8px;padding:9px 0;border-top:1px solid #ffffff20}.workspace-example .ex-route-schedule span{grid-row:span 2;color:#9eb3c5;font-size:9px}.workspace-example .ex-route-schedule b{font-size:11px}.workspace-example .ex-route-schedule small{color:#9baec1;font-size:9px}.workspace-example .ex-trip-bottom{display:grid;grid-template-columns:.75fr 1.25fr;gap:15px;margin-top:20px}.workspace-example .ex-trip-bottom .ex-section-head h3{font-size:18px}.workspace-example .ex-hotel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.workspace-example .ex-hotel-grid article{border:1px solid var(--ex-line);border-radius:10px;overflow:hidden;background:white;min-width:0}.workspace-example .ex-hotel-grid img{width:100%;height:93px;object-fit:cover;display:block}.workspace-example .ex-hotel-grid article>div{padding:8px 10px;display:grid}.workspace-example .ex-hotel-grid strong{font-size:11px}.workspace-example .ex-hotel-grid span{font-size:9px;color:#7b8798}.workspace-example .ex-hotel-grid b{font-size:10px;margin-top:7px}.workspace-example .ex-decision-list,.workspace-example .ex-night-list{display:grid;gap:9px}.workspace-example .ex-decision-list article,.workspace-example .ex-night-list article{position:relative;background:white;border:1px solid var(--ex-line);border-radius:9px;padding:15px}.workspace-example .ex-decision-list strong{display:block;font-size:15px;margin:5px 0}.workspace-example .ex-decision-list p{color:#657083;margin:0 0 8px}.workspace-example .ex-decision-list b{font-size:12px}.workspace-example .ex-info{border:1px solid #cfd8ee;background:white;color:#5167e7;border-radius:50%;width:24px;height:24px;min-height:24px;padding:0;font-size:11px;font-weight:800;flex:none}.workspace-example .ex-decision-list .ex-info{position:absolute;right:13px;top:13px}.workspace-example .ex-night-list article{display:flex;align-items:center;gap:12px}.workspace-example .ex-night-list article>span:first-child{font-size:11px;font-weight:800;width:45px}.workspace-example .ex-night-list article>div{flex:1;display:grid}.workspace-example .ex-night-list strong{font-size:12px}.workspace-example .ex-night-list small{color:#7b8798;font-size:10px}.workspace-example .ex-night-list b{font-size:10px;color:#aa6830;background:#fff3e8;padding:4px 7px;border-radius:99px;white-space:nowrap}.workspace-example .ex-card-list{display:grid;gap:8px}.workspace-example .ex-card-list article{display:flex;align-items:center;gap:17px;border:1px solid var(--ex-line);border-radius:10px;background:white;padding:11px 14px}.workspace-example .ex-card-list img{width:79px;height:49px;object-fit:contain;border-radius:5px;background:#f1f3f7}.workspace-example .ex-card-list article>div{display:grid;gap:3px;flex:1}.workspace-example .ex-card-list strong{font-size:13px}.workspace-example .ex-card-list span,.workspace-example .ex-fineprint{font-size:10px;color:#7b8798}.workspace-example .ex-card-list b{font-size:12px}.workspace-example .ex-spend-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.workspace-example .ex-spend-kpis article{display:grid;gap:5px;padding:18px;background:white;border:1px solid var(--ex-line);border-radius:9px}.workspace-example .ex-spend-kpis small{color:#788398}.workspace-example .ex-spend-kpis strong{font-size:22px}.workspace-example .ex-spend-kpis span{font-size:10px;color:#788398}.workspace-example .ex-spend-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.workspace-example .ex-donut{width:170px;height:170px;border-radius:50%;background:conic-gradient(#5167e7 0 42%,#8eaeef 42% 73%,#ed9e68 73% 88%,#e5e8ec 88% 100%);display:grid;place-items:center;margin:17px auto}.workspace-example .ex-donut>div{width:110px;height:110px;border-radius:50%;background:white;display:grid;place-content:center;text-align:center}.workspace-example .ex-donut strong{font-size:21px}.workspace-example .ex-donut span{font-size:10px;color:#8390a0}.workspace-example .ex-chart-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px 15px}.workspace-example .ex-chart-legend span{display:flex;align-items:center;gap:5px;font-size:11px}.workspace-example .ex-chart-legend b{margin-left:auto}.workspace-example .ex-chart-legend i{width:8px;height:8px;border-radius:50%;background:#5167e7}.workspace-example .ex-chart-legend span:nth-child(2) i{background:#8eaeef}.workspace-example .ex-chart-legend span:nth-child(3) i{background:#ed9e68}.workspace-example .ex-chart-legend span:nth-child(4) i{background:#e5e8ec}.workspace-example .ex-transactions>div{display:grid;grid-template-columns:25px 1fr auto;gap:1px 8px;padding:13px 0;border-bottom:1px solid #e9edf0}.workspace-example .ex-transactions>div>span{grid-row:span 2;color:#5167e7}.workspace-example .ex-transactions strong{font-size:11px}.workspace-example .ex-transactions small{grid-column:2;color:#7a879a;font-size:10px}.workspace-example .ex-transactions b{grid-row:span 2;grid-column:3;align-self:center;font-size:11px}.ex-dialog{width:min(420px,calc(100vw - 30px));border:1px solid #dfe4ed;border-radius:13px;padding:22px;box-shadow:0 25px 80px #101d3455;color:#152239;font:13px/1.5 system-ui,sans-serif}.ex-dialog::backdrop{background:#0b162a89}.ex-dialog h3{font:25px Georgia,serif;margin:0 0 10px}.ex-dialog button{margin-top:10px;background:#5167e7;border:0;border-radius:7px;padding:9px 14px;color:white;cursor:pointer}.workspace-example button:focus-visible{outline:3px solid #5167e7;outline-offset:2px}
@media(max-width:960px){.workspace-example .ex-shell{grid-template-columns:130px minmax(0,1fr)}.workspace-example .ex-main{padding:0 15px 22px}.workspace-example .ex-trip-cover{margin:0 -15px}.workspace-example .ex-home-lower,.workspace-example .ex-trip-bottom{grid-template-columns:1fr}.workspace-example .ex-hero-status{min-width:155px}.workspace-example .ex-route-panel{grid-template-columns:1.2fr .9fr}}
@media(max-width:700px){.example-section-head{display:block}.workspace-example .ex-shell{display:block}.workspace-example .ex-sidebar{padding:10px 12px;gap:8px}.workspace-example .ex-brand{padding:2px 4px}.workspace-example .ex-sidebar nav{display:flex;overflow-x:auto;gap:4px;scrollbar-width:none}.workspace-example .ex-sidebar nav button{width:auto;white-space:nowrap;min-width:max-content;padding:7px 9px}.workspace-example .ex-sidebar nav button .ex-icon{display:none}.workspace-example .ex-sidebar-foot{display:none}.workspace-example .ex-main{padding:0 13px 20px}.workspace-example .ex-topbar{height:38px}.workspace-example .ex-home-hero{min-height:210px;padding:16px}.workspace-example .ex-hero-status{display:none}.workspace-example .ex-summary-grid,.workspace-example .ex-spend-kpis{grid-template-columns:repeat(2,1fr)}.workspace-example .ex-trip-grid{grid-template-columns:repeat(3,minmax(170px,1fr));overflow-x:auto;padding-bottom:5px}.workspace-example .ex-trip-cover{margin:0 -13px;height:120px}.workspace-example .ex-route-panel{grid-template-columns:1fr}.workspace-example .ex-route-map{min-height:260px}.workspace-example .ex-spend-grid{grid-template-columns:1fr}}
@media(max-width:430px){.workspace-example .ex-home-hero{min-height:195px}.workspace-example .ex-hero-copy h2{font-size:35px}.workspace-example .ex-summary-grid article{padding:9px}.workspace-example .ex-action-row{flex-wrap:wrap}.workspace-example .ex-action-due{margin-left:36px}.workspace-example .ex-action-row>button{margin-left:auto}.workspace-example .ex-trip-head{align-items:start}.workspace-example .ex-trip-head>button{white-space:normal;max-width:110px;padding:8px}.workspace-example .ex-night-list article{flex-wrap:wrap}.workspace-example .ex-night-list article>div{min-width:150px}.workspace-example .ex-card-list article{gap:8px}.workspace-example .ex-card-list img{width:57px;height:38px}.workspace-example .ex-card-list b{font-size:10px}.workspace-example .ex-hotel-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:no-preference){.workspace-example .ex-trip-card{transition:transform .2s,box-shadow .2s}}
@media(max-width:700px){.workspace-example .ex-route-map{min-height:0}.workspace-example .ex-route-map svg{position:relative;inset:auto;display:block;width:100%;height:190px;margin-top:6px}.workspace-example .ex-route-map small{position:static;display:block;margin-top:4px}.workspace-example .ex-trip-head>div{min-width:0}.workspace-example .ex-trip-head h2{overflow-wrap:anywhere}}
@media(max-width:700px){.workspace-example .ex-sidebar nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;overflow:visible}.workspace-example .ex-sidebar nav button{width:100%;min-width:0;min-height:42px;padding:5px 2px;display:grid;place-content:center;text-align:center;white-space:normal;line-height:1.1;font-size:10px}.workspace-example .ex-sidebar nav button b{display:none}}
.workspace-example .ex-sidebar nav .ex-nav-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.workspace-example .ex-sidebar nav .ex-nav-icon{display:none}}

/* Match the public trip preview to the dated events in the local dashboard. */
.workspace-example .ex-route-schedule{padding:16px;background:#f9fafc;color:#152239}
.workspace-example .ex-route-schedule>strong{color:#5167e7;margin-bottom:8px}
.workspace-example .ex-route-schedule .ex-calendar-day{display:grid;grid-template-columns:45px minmax(0,1fr);gap:8px;align-items:center;padding:4px 0;border:0}
.workspace-example .ex-route-schedule .ex-calendar-day>span{grid-row:auto;color:#69778d;font-size:9px;font-weight:800;white-space:nowrap}
.workspace-example .ex-calendar-event{display:grid;gap:1px;min-width:0;padding:7px 9px;background:#fff;border:1px solid #e3e7ed;border-left:3px solid #5167e7;border-radius:7px}
.workspace-example .ex-calendar-event.stay{border-left-color:#3d9a8c;background:#f6fbf9}
.workspace-example .ex-calendar-event b{font-size:10px;line-height:1.25}
.workspace-example .ex-calendar-event small{font-size:9px;color:#6d7a8e}

.workspace-example .ex-wallet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:10px;margin:0 0 24px}
.workspace-example .ex-wallet-tile,.workspace-example .ex-wallet-add{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;min-height:165px;padding:14px;border:1px solid var(--ex-line);border-radius:11px;background:#fff}
.workspace-example .ex-wallet-tile img{width:100%;height:57px;object-fit:contain;object-position:left center}
.workspace-example .ex-wallet-tile strong{font-size:12px;line-height:1.3}
.workspace-example .ex-wallet-tile small{font-size:10px;color:#687588}
.workspace-example .ex-wallet-badge{margin-top:auto;border:1px solid #d9dfe9;border-radius:99px;padding:3px 7px;color:#617187;font-size:9px}
.workspace-example .ex-wallet-badge.connected{background:#eaf6f0;border-color:#b9dfd3;color:#286858}
.workspace-example .ex-wallet-refresh{font-size:10px;font-weight:700;color:#405bd1}
.workspace-example .ex-wallet-add{align-items:center;justify-content:center;border-style:dashed;background:#fafbff;color:#4358c5;text-align:center}
.workspace-example .ex-wallet-add span{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e9edff;font-size:25px}
.workspace-example .ex-wallet-add strong{font-size:11px}
.workspace-example .ex-wallet-switch{display:inline-flex;gap:2px;margin:0 0 20px;padding:3px;background:#eef1f7;border:1px solid #dfe4ed;border-radius:999px}
.workspace-example .ex-wallet-switch button{min-width:60px;padding:5px 12px;border:0;border-radius:999px;background:transparent;color:#657187;font-size:11px;font-weight:700}
.workspace-example .ex-wallet-switch button[aria-pressed=true]{background:#fff;color:#4056c4;box-shadow:0 1px 5px #15223920}
.workspace-example .ex-wallet-table-wrap{min-width:0;max-width:100%;overflow-x:auto;background:#fff;border:1px solid #e3e5e9;border-radius:10px}
.workspace-example .ex-wallet-table{width:100%;border-collapse:collapse;min-width:500px;text-align:left}
.workspace-example .ex-wallet-table th,.workspace-example .ex-wallet-table td{padding:12px;border-bottom:1px solid #e3e5e9;font-size:11px}
.workspace-example .ex-wallet-table thead{background:#f6f7fa;color:#657187}
.workspace-example .ex-wallet-table-wrap p{padding:0 12px;color:#657187;font-size:11px}

.workspace-example .ex-shell{height:min(720px,calc(100svh - 90px));min-height:520px}
.workspace-example .ex-main{overflow-y:auto;overscroll-behavior:contain}
.workspace-example .ex-sidebar-detail{gap:12px}
.workspace-example .ex-sidebar .ex-back{align-self:flex-start;min-height:34px;padding:4px 7px;background:transparent;border:0;color:#405bd1;font-size:12px;font-weight:800}
.workspace-example .ex-back:hover{text-decoration:underline}
@media(prefers-reduced-motion:no-preference){.workspace-example .ex-home,.workspace-example .ex-page,.workspace-example .ex-trip-detail{animation:ex-enter .22s ease-out}}
@keyframes ex-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.workspace-example .ex-shell{display:flex;flex-direction:column;height:min(650px,calc(100svh - 50px));min-height:480px}.workspace-example .ex-sidebar{flex:none}.workspace-example .ex-main{flex:1;min-height:0}}
@media(max-width:700px){.workspace-example .ex-shell{height:auto;min-height:0}.workspace-example .ex-main{overflow:visible}.workspace-example .ex-sidebar-detail .ex-brand,.workspace-example .ex-topbar{display:none}.workspace-example .ex-sidebar nav button{min-height:44px;font-size:11px}.workspace-example .ex-trip-grid{grid-template-columns:1fr;overflow:visible}.workspace-example .ex-trip-card img{height:150px}}
@media(max-width:700px){.workspace-example .ex-action-row{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:8px}.workspace-example .ex-action-row>.ex-icon{grid-column:1;grid-row:1}.workspace-example .ex-action-row>div{grid-column:2/-1;grid-row:1}.workspace-example .ex-action-due{grid-column:2;grid-row:2;margin:0;align-self:center}.workspace-example .ex-action-row>button{grid-column:3;grid-row:2;margin:0;min-height:36px}.workspace-example .ex-action-row h4{font-size:13px}.workspace-example .ex-action-row p{font-size:11px}}