/* Product previews are illustrative sample workspaces, never customer screenshots. */
.studio-showcase{max-width:1440px;margin:0 auto;padding:64px 0 32px;color:#f4f7fc}.showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:32px}.showcase-overline{font-size:10px;font-weight:650;letter-spacing:1.8px;color:#8aa7ca}.showcase-heading h2{font-size:clamp(25px,3vw,38px);letter-spacing:-1.3px;font-weight:600;margin:12px 0;color:#f3f6fc}.showcase-heading p{font-size:13px;line-height:1.7;color:#8f9db3;margin:0;max-width:600px}.showcase-count{font-size:11px;color:#bbc9e3;white-space:nowrap;display:grid;grid-template-columns:auto auto;gap:1px 10px;align-items:center}.showcase-count>b{font-size:38px;font-weight:500;letter-spacing:-1.5px;grid-row:span 2;color:#eff5ff}.showcase-count>span{font-size:10px;color:#8191ad}.showcase-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.showcase-card{min-width:0;border:1px solid #dbe4f031;border-radius:18px;overflow:hidden;background:#f9fbff;box-shadow:0 14px 40px #0000001f;transition:transform .25s,border-color .25s,box-shadow .25s}.showcase-card:hover{transform:translateY(-5px);border-color:var(--showcase-accent);box-shadow:0 20px 55px #01041350}.showcase-preview{position:relative;display:block;width:100%;border:0;padding:18px 18px 0;background:linear-gradient(140deg,color-mix(in srgb,var(--showcase-accent) 24%,#edf4ff),#f2f4fa);text-align:left;cursor:pointer;color:#1d2c42;overflow:hidden}.showcase-preview .software-thumbnail{border-radius:9px 9px 0 0!important;border:1px solid #c6d4e0!important;border-bottom:0!important;box-shadow:0 8px 20px #293d5920}.showcase-expand{position:absolute;left:50%;top:50%;transform:translate(-50%,-35%);opacity:0;background:#ffffffeb;color:#233f61;border:1px solid #e0e8f3;padding:10px 15px;border-radius:30px;font-size:11px;box-shadow:0 6px 25px #12304c20;transition:opacity .2s,transform .2s;white-space:nowrap;backdrop-filter:blur(10px)}.showcase-preview:hover .showcase-expand,.showcase-preview:focus-visible .showcase-expand{opacity:1;transform:translate(-50%,-50%)}.showcase-card-caption{padding:19px 21px 21px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-top:1px solid #e3eaf4;color:#23344f;background:#fff}.showcase-card-caption>div>span{font-size:9px;color:#8393aa;font-weight:550}.showcase-card-caption h3{font-size:17px;font-weight:650;letter-spacing:-.4px;margin:6px 0;color:#1d2b45}.showcase-card-caption p{font-size:10px;color:#8190a6;line-height:1.6;margin:0;max-width:230px}.showcase-card-caption>button{border:0;background:#f0f5ff;border-radius:9px;padding:9px 10px;font-size:10px;font-weight:600;color:#4563a1;cursor:pointer;white-space:nowrap;margin-top:2px;transition:background .2s}.showcase-card-caption>button:hover{background:#e3ecff}.showcase-card-caption>button span{padding-left:5px}.showcase-note{text-align:center;color:#7586a1;font-size:10px;margin:24px 0 0;line-height:1.7}
/* Detailed, compact software canvas shared by the gallery and the full picker. */
.template-mini.software-thumbnail{display:block!important;position:relative;height:300px!important;min-height:0!important;padding:0!important;overflow:hidden;isolation:isolate;color:#21364d;background:#f3f6fa!important;border:1px solid #dce4ee;border-radius:10px;box-sizing:border-box;font-family:Inter,Arial,sans-serif;line-height:1.35;--sf-accent:#5475e8}.software-thumbnail *{box-sizing:border-box}.sf-browser{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;background:#fff;border-bottom:1px solid #e8ecf3;color:#8a98aa}.sf-browser>span{display:flex;gap:3px}.sf-browser i{width:4px;height:4px;background:#d0d7e2;border-radius:50%;display:block}.sf-browser>b{font-size:6px;letter-spacing:.3px;font-weight:500}.sf-browser>em{font-style:normal;font-size:6px}.sf-app{display:grid;grid-template-columns:83px minmax(0,1fr);height:calc(100% - 25px)}.sf-sidebar{display:flex;flex-direction:column;padding:15px 8px 10px;background:#142237;color:#a5b3c9;overflow:hidden}.sf-brand{display:flex;gap:5px;align-items:center;margin-bottom:20px;white-space:nowrap}.sf-brand>i{width:17px;height:19px;display:grid;place-items:center;background:var(--sf-accent);color:white;border-radius:5px;font-size:11px;font-weight:700;font-style:normal}.sf-brand>b{font-size:7px;letter-spacing:.2px;font-weight:650;color:#fff}.sf-brand small{font-size:4px;display:block;color:#71849d;letter-spacing:1.1px;margin-top:2px}.sf-nav-label{font-size:4px;letter-spacing:1px;color:#677d99;padding:0 5px;margin-bottom:9px}.sf-nav-item{display:flex;align-items:center;gap:6px;font-size:6px;padding:8px 5px;white-space:nowrap;margin-bottom:2px;border-radius:4px}.sf-nav-item>i{font-style:normal;font-size:10px;width:10px;color:#8d9fb9}.sf-nav-item.selected{background:color-mix(in srgb,var(--sf-accent) 25%,#142237);color:#fff}.sf-nav-item.selected>i{color:color-mix(in srgb,var(--sf-accent) 40%,#fff)}.sf-sidebar-bottom{display:flex;align-items:center;gap:5px;margin-top:auto;font-size:6px}.sf-sidebar-bottom>b{padding:4px;background:#31415a;color:#d5dfed;border-radius:50%;font-size:5px}.sf-sidebar-bottom small{display:block;font-size:4px;color:#71849d;margin-top:2px}.sf-main{background:#f4f6fa;min-width:0;overflow:hidden;padding:0!important}.sf-header{height:28px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e8edf4;font-size:5px;color:#74869d}.sf-header i{margin:0 4px;font-style:normal;color:#b4c1d2}.sf-header>b{font-size:10px;color:#8b9bae}.sf-main-content{padding:12px 13px}.sf-greeting{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:11px}.sf-greeting small{font-size:4px;font-weight:600;letter-spacing:.7px;color:#91a0b3}.sf-greeting h3{font-size:11px!important;line-height:1.3!important;letter-spacing:-.3px!important;margin:3px 0 0!important;color:#23344f!important;font-weight:650!important;white-space:nowrap}.sf-greeting>span{padding:5px 7px;background:var(--sf-accent);color:white;border-radius:4px;font-size:5px;white-space:nowrap}.sf-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.sf-kpis>div{padding:9px;background:white;border:1px solid #e5eaf3;border-radius:6px;display:grid;grid-template-columns:auto auto;align-items:end;gap:4px}.sf-kpis span{grid-column:1/-1;font-size:5px;color:#7f91a7}.sf-kpis strong{font-size:16px;font-weight:600;letter-spacing:-.5px;color:#263a55;line-height:1}.sf-kpis small{font-size:4px;color:#24928e;align-self:end;white-space:nowrap}.sf-primary-panel{overflow:hidden;border:1px solid #e2e9f3;border-radius:6px;background:#fff}.sf-map{height:123px;background:#f0f5f7;position:relative;overflow:hidden}.sf-map>svg{width:100%;height:100%;display:block}.sf-map-route{position:absolute;bottom:8px;left:8px;right:8px;display:flex;align-items:center;gap:6px;background:#fffffff2;border:1px solid #d9e4ec;border-radius:5px;padding:6px;color:#536980;box-shadow:0 2px 10px #4a65740d}.sf-map-route>i{display:grid;place-items:center;width:16px;height:16px;border-radius:4px;background:#edf2ff;color:var(--sf-accent);font-style:normal;font-size:11px}.sf-map-route span{display:flex;flex-direction:column;gap:2px}.sf-map-route strong{font-size:6px;color:#2f435b}.sf-map-route small{font-size:4px;color:#8a9cb0}.sf-map-route>b{font-size:7px;margin-left:auto;color:#416489}.sf-map-tag{position:absolute;right:6px;top:6px;padding:4px;background:#fff;border-radius:4px;font-size:4px;color:#607e94}.sf-map-tag i{width:3px;height:3px;background:#3ea8a0;display:inline-block;border-radius:50%;margin-right:3px}.sf-records{margin-top:8px;background:#fff;border:1px solid #e5eaf3;border-radius:6px;padding:8px}.sf-section-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.sf-section-label strong{font-size:7px;font-weight:650;color:#3a4d65}.sf-section-label>span{font-size:4px;color:#8a9ab0}.sf-table-head{display:flex;justify-content:space-between;font-size:4px;color:#93a0b3;background:#f6f8fb;padding:5px}.sf-record-row{display:flex;align-items:center;gap:5px;border-bottom:1px solid #edf1f6;padding:6px 2px}.sf-record-row>i{background:#edf2fb;border-radius:4px;padding:3px;color:#7a92b0;font-size:4px;font-style:normal}.sf-record-row>span{display:flex;flex-direction:column;gap:2px;flex:1}.sf-record-row b{font-size:5px;color:#435671;font-weight:600}.sf-record-row small{font-size:4px;color:#94a1b2}.sf-record-row>strong{font-size:5px;color:#788da5;font-weight:500;width:22px;text-align:right}.sf-status{padding:3px 4px;font-size:4px;font-style:normal;border-radius:3px;white-space:nowrap;background:#e7f5f2;color:#248b7b}.sf-status-1{background:#edf0ff;color:#687cbb}.sf-status-2{background:#f0f1f5;color:#8b98a8}.sf-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;background:#f4f6fc}.sf-board-column>header{display:flex;align-items:center;gap:3px;font-size:5px;font-weight:600;color:#7485a0;margin:2px 0 8px}.sf-board-column>header i{display:block;width:3px;height:3px;background:var(--sf-accent);border-radius:50%}.sf-board-column>header b{margin-left:auto;font-size:4px;background:#e7ecf5;padding:1px 3px;border-radius:3px}.sf-board-item{padding:8px 6px;margin-bottom:7px;background:#fff;border:1px solid #e1e7f2;border-radius:5px;box-shadow:0 2px 4px #45658205;display:flex;flex-direction:column;gap:6px;min-height:68px}.sf-board-item>small{font-size:4px;color:#8295b1}.sf-board-item>strong{font-size:5px;line-height:1.5;color:#334965}.sf-board-item>span{font-size:4px;color:#94a1b4}.sf-board-item>footer{display:flex;align-items:center;justify-content:space-between;gap:3px;border-top:1px solid #edf1f7;padding-top:5px;font-size:3px;color:#9baac0}.sf-board-item>footer b{padding:3px;background:#f0eafd;border-radius:50%;color:#9b79c6;font-size:3px}.sf-board-item>footer em{font-style:normal}.sf-chart{padding:10px}.sf-chart-top{display:flex;gap:7px;align-items:center}.sf-chart-top>b{font-size:21px;letter-spacing:-1px;font-weight:600;color:#2b415f}.sf-chart-top>span{font-size:5px;color:#8b9bb1}.sf-chart-top em{display:block;color:#1c9b91;font-style:normal;font-size:5px;margin-top:4px}.sf-bars{height:93px;display:flex;align-items:flex-end;gap:10px;padding:9px 8px 15px;background:repeating-linear-gradient(to top,transparent,transparent 22px,#eff2f8 23px,#eff2f8 24px)}.sf-bars>div{height:100%;flex:1;display:flex;align-items:flex-end;position:relative}.sf-bars i{display:block;width:100%;background:linear-gradient(to top,color-mix(in srgb,var(--sf-accent) 65%,white),var(--sf-accent));border-radius:3px 3px 0 0;min-height:5px}.sf-bars span{font-size:4px;color:#9aa9bd;position:absolute;bottom:-12px;width:100%;text-align:center}.sf-calendar{padding:12px 8px}.sf-calendar-times{display:flex;justify-content:space-between;margin:16px 0 10px 32px;font-size:4px;color:#8b9ab0}.sf-calendar-row{display:flex;gap:6px;align-items:center;padding:8px 0;border-top:1px solid #eff2f7}.sf-calendar-row>b{font-size:5px;color:#7b8da7;min-width:28px;font-weight:500}.sf-calendar-row>div{flex:1;background:repeating-linear-gradient(to right,transparent,transparent 19%,#e9eef7 20%)}.sf-calendar-row span{display:block;background:color-mix(in srgb,var(--sf-accent) 15%,white);border-left:2px solid var(--sf-accent);padding:6px 4px;font-size:4px;color:#7261a3;border-radius:3px;white-space:nowrap}.sf-connections{padding:10px}.sf-connections>div:not(.sf-section-label){display:flex;align-items:center;gap:8px;border:1px solid #e7edf6;border-radius:5px;padding:7px;margin-top:6px}.sf-connections>div>b{padding:5px;background:#edf3ff;color:var(--sf-accent);font-size:7px;border-radius:4px}.sf-connections>div>span{display:flex;flex-direction:column;gap:2px}.sf-connections strong{font-size:6px;color:#4d6482}.sf-connections small{font-size:4px;color:#91a1b6}.sf-connections em{margin-left:auto;font-size:4px;font-style:normal;color:#8199bc;background:#f0f4fb;padding:3px}.sf-driver{display:flex;gap:18px;align-items:center;justify-content:center;padding:8px;background:linear-gradient(125deg,#eef2fd,#f8faff)}.sf-phone{width:89px;min-width:89px;border:3px solid #243b5e;border-radius:13px;padding:8px;background:white;box-shadow:0 8px 15px #33497920}.sf-phone>span{display:flex;justify-content:space-between;font-size:4px;color:#51637d;margin-bottom:15px}.sf-phone>small{font-size:3px;letter-spacing:.5px;color:#8d9cb0}.sf-phone>strong{display:block;font-size:9px;color:#2d435f;line-height:1.4;margin:4px 0 9px}.sf-phone>div{background:#f0f4fc;padding:6px;font-size:5px;color:#5d7394;border-radius:4px;margin-top:5px}.sf-phone small{display:block;font-size:3px;color:#95a6bc;margin-top:3px}.sf-phone-stop{display:flex;gap:4px;align-items:center}.sf-phone-stop i{font-style:normal;background:var(--sf-accent);color:white;padding:2px 3px;border-radius:50%;font-size:4px}.sf-phone-action{display:block;margin-top:9px;padding:5px;background:var(--sf-accent);color:white;font-size:4px;border-radius:4px;text-align:center}.sf-driver>aside{max-width:95px;display:flex;flex-direction:column;gap:10px}.sf-driver>aside>span{font-size:4px;letter-spacing:.5px;color:#8a9dba}.sf-driver>aside>strong{font-size:13px;line-height:1.4;color:#385071;font-weight:600}.sf-driver>aside>small{font-size:5px;line-height:1.8;color:#8b9eb8}.sf-driver>aside>em{font-size:4px;font-style:normal;color:#559b98}.software-thumbnail.nav-top .sf-app{grid-template-columns:1fr}.software-thumbnail.nav-top .sf-sidebar{height:31px;padding:6px 12px;flex-direction:row;align-items:center;gap:10px;grid-row:1}.software-thumbnail.nav-top .sf-brand{margin:0 auto 0 0}.software-thumbnail.nav-top .sf-brand small,.software-thumbnail.nav-top .sf-nav-label,.software-thumbnail.nav-top .sf-sidebar-bottom{display:none}.software-thumbnail.nav-top .sf-nav-item{padding:4px 6px;margin:0;font-size:5px}.software-thumbnail.nav-top .sf-nav-item i{font-size:8px}.software-thumbnail.nav-top .sf-main{height:calc(100% - 31px)}.software-thumbnail.nav-top .sf-app{display:block}.software-thumbnail.nav-top .sf-header{height:20px}.software-thumbnail.nav-top .sf-main-content{padding-top:9px}.software-thumbnail.mini-panorama .sf-map{height:126px}
/* Keep all original picker hooks, but make the collection feel like a product gallery. */
.premium-intake .template-picker .template-gallery,.template-picker .template-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.premium-intake .template-design-card,.template-design-card{border:1px solid #dbe4f02b;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 9px 25px #00000018;transition:transform .2s,border-color .2s}.template-design-card:has(.chosen){border-color:#65adff;box-shadow:0 0 0 2px #65adff55,0 10px 30px #00000020}.premium-intake .template-picker .template-choice,.template-picker .template-choice{width:100%;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none;color:#243851;text-align:left}.premium-intake .template-picker .template-mini.software-thumbnail{height:300px!important;border:0!important;border-radius:0!important}.premium-intake .template-picker .template-caption,.template-picker .template-caption{padding:20px 22px;background:#fff;display:flex;flex-direction:column;gap:8px}.premium-intake .template-caption strong,.template-picker .template-caption strong{font-size:17px;color:#223751}.premium-intake .template-caption>span,.template-picker .template-caption>span{font-size:12px;color:#7185a1;min-height:0;line-height:1.6}.premium-intake .template-caption>small,.template-picker .template-caption>small{font-size:10px;line-height:1.7;color:#8a9ab0}.template-picker .template-dimensions{display:flex;gap:6px;margin:0}.template-picker .template-dimensions em{font-size:9px;font-style:normal;color:#768cab;background:#f2f5fb;border:0;border-radius:5px;padding:4px 7px}.template-picker .template-caption>b{font-size:11px;color:#507bd2;margin-top:4px}.template-picker .template-preview-button{background:#f8faff;border-top:1px solid #e9eef7;color:#6c85ae;font-size:11px;padding:13px}.template-picker .template-preview-button:hover{background:#edf3ff;color:#4567a6}.template-picker .template-browse-tabs button{background:#1e2c49;border-color:#405673;color:#bfd0ec}.template-picker .template-browse-tabs button[aria-pressed=true]{background:#dceaff;border-color:#dceaff;color:#284d87}.template-picker .template-browse-tabs button b{background:#ffffff15;color:inherit}.template-picker .template-browse-tabs button[aria-pressed=true] b{background:#547ab817;color:#284d87}.template-picker .template-sticky-selection{background:#0d1931ed;border-color:#3f587d;box-shadow:0 8px 35px #00000030}.template-picker .template-selection{color:#bdcee9}.template-picker .template-sticky-selection .j-primary{background:linear-gradient(110deg,#408bec,#7764ea);color:white;border:0}#template-zoom .software-thumbnail{height:510px!important;font-size:initial}#template-zoom .sf-app{grid-template-columns:150px minmax(0,1fr)}#template-zoom .sf-sidebar{padding:25px 17px}#template-zoom .sf-brand>b{font-size:11px}#template-zoom .sf-brand>i{width:26px;height:28px;font-size:17px}#template-zoom .sf-brand small{font-size:6px}#template-zoom .sf-nav-label{font-size:7px}#template-zoom .sf-nav-item{font-size:10px;padding:13px 9px}#template-zoom .sf-header{font-size:9px;height:39px}#template-zoom .sf-main-content{padding:20px}#template-zoom .sf-greeting h3{font-size:20px!important}#template-zoom .sf-greeting small{font-size:7px}#template-zoom .sf-greeting>span{font-size:8px;padding:8px 11px}#template-zoom .sf-kpis span{font-size:8px}#template-zoom .sf-kpis strong{font-size:25px}#template-zoom .sf-kpis small{font-size:7px}#template-zoom .sf-map{height:205px}#template-zoom .sf-map-route{padding:10px}#template-zoom .sf-map-route strong{font-size:10px}#template-zoom .sf-map-route small{font-size:7px}#template-zoom .sf-map-route>b{font-size:11px}#template-zoom .sf-section-label strong{font-size:11px}#template-zoom .sf-section-label>span{font-size:7px}#template-zoom .sf-board-item{padding:14px 10px;min-height:105px}#template-zoom .sf-board-item>strong{font-size:9px}#template-zoom .sf-board-item>small,#template-zoom .sf-board-item>span{font-size:7px}#template-zoom .sf-board-column>header{font-size:8px}#template-zoom .sf-calendar-row{padding:15px 0}#template-zoom .sf-calendar-row>b{font-size:8px;min-width:45px}#template-zoom .sf-calendar-row span{padding:10px 6px;font-size:8px}#template-zoom .sf-chart-top>b{font-size:30px}#template-zoom .sf-chart-top>span{font-size:8px}#template-zoom .sf-bars{height:155px}#template-zoom .sf-bars span{font-size:7px}#template-zoom .nav-top .sf-sidebar{height:44px}#template-zoom .nav-top .sf-main{height:calc(100% - 44px)}
@media(min-width:1700px){.showcase-gallery{gap:28px}.template-mini.software-thumbnail{height:320px!important}}@media(max-width:1100px){.showcase-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-heading h2{font-size:30px}}@media(max-width:760px){.studio-showcase{padding:38px 0 20px}.showcase-heading{gap:15px;align-items:flex-start;margin-bottom:22px}.showcase-heading h2{font-size:26px;line-height:1.25;letter-spacing:-.8px}.showcase-count{display:none}.showcase-heading p{font-size:12px}.showcase-gallery{grid-template-columns:1fr;gap:20px}.showcase-preview{padding:16px 16px 0}.showcase-card-caption{padding:17px}.showcase-card-caption h3{font-size:17px}.premium-intake .template-picker .template-gallery,.template-picker .template-gallery{grid-template-columns:1fr}.template-mini.software-thumbnail{height:290px!important}#template-zoom .software-thumbnail{height:340px!important}#template-zoom .sf-app{grid-template-columns:82px minmax(0,1fr)}#template-zoom .sf-sidebar{padding:13px 7px}#template-zoom .sf-brand>b{font-size:6px}#template-zoom .sf-brand>i{width:18px;height:20px;font-size:12px}#template-zoom .sf-nav-item{font-size:6px;padding:8px 4px}#template-zoom .sf-main-content{padding:10px}#template-zoom .sf-header{font-size:6px;height:27px}#template-zoom .sf-greeting h3{font-size:12px!important}#template-zoom .sf-kpis>div{padding:7px}#template-zoom .sf-kpis span{font-size:5px}#template-zoom .sf-kpis strong{font-size:17px}#template-zoom .sf-kpis small{font-size:4px}#template-zoom .sf-map{height:150px}#template-zoom .sf-map-route strong{font-size:6px}#template-zoom .sf-map-route small{font-size:4px}#template-zoom .sf-map-route>b{font-size:7px}}@media(prefers-reduced-motion:reduce){.showcase-card,.showcase-expand{transition:none}.showcase-card:hover{transform:none}}

/* DispoHub identity: dark ink and electric green outside the sample software. */
.studio-showcase{color:#effbf3}.showcase-overline{color:#80aa91}.showcase-heading h2{color:#f1fbf5}.showcase-heading p{color:#8ba397}.showcase-count{color:#b5d7c3}.showcase-count>b{color:#d9ffe6}.showcase-count>span{color:#749683}.showcase-heading-actions{display:flex;align-items:center;gap:24px}.showcase-heading-actions>button{border:1px solid #70d79838;border-radius:10px;background:#8affab0a;color:#c4f4d5;padding:12px 15px;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}.showcase-heading-actions>button:hover{background:#83ffb017;border-color:#83ffb065}.showcase-card{border-color:#84bc9829;background:#101b16;box-shadow:0 14px 40px #00000022}.showcase-card:hover{border-color:#83ffb067;box-shadow:0 20px 55px #00000045}.showcase-preview{background:radial-gradient(ellipse at 25% 10%,#4c8d6945,transparent 70%),linear-gradient(140deg,#20372b,#101c16)}.showcase-card:nth-child(2n) .showcase-preview{background:radial-gradient(ellipse at 90% 10%,#58ae7330,transparent 70%),linear-gradient(140deg,#152c23,#102019)}.showcase-card-caption{background:#101b16;border-top-color:#a1d4b31a;color:#e9f8ef}.showcase-card-caption>div>span{color:#81a28e}.showcase-card-caption h3{color:#e8faef}.showcase-card-caption p{color:#829d8d}.showcase-card-caption>button{background:#8affab0e;color:#acf0c3;border:1px solid #83ffb024}.showcase-card-caption>button:hover{background:#83ffb022}.showcase-expand{color:#1b4a31;border-color:#bee7cc}.showcase-note{color:#779482}.template-picker .template-browse-tabs button{background:#132a1e;border-color:#355c45;color:#b4d8c0}.template-picker .template-browse-tabs button[aria-pressed=true]{background:#a4ffc2;border-color:#a4ffc2;color:#133f25}.template-picker .template-browse-tabs button[aria-pressed=true] b{background:#235e3512;color:#235537}.template-picker .template-sticky-selection{background:#0a1b12ed;border-color:#395b47}.template-picker .template-selection{color:#b5d6c0}.template-picker .template-sticky-selection .j-primary{background:linear-gradient(110deg,#83ffb0,#65ff95);color:#10341d}.template-design-card:has(.chosen){border-color:#83ffb0;box-shadow:0 0 0 2px #83ffb03b,0 10px 30px #00000020}.template-picker .template-caption>b{color:#27734b}.template-picker .template-preview-button{color:#53816a}.template-picker .template-preview-button:hover{background:#effaf2;color:#276141}@media(max-width:760px){.showcase-heading-actions{gap:0}.showcase-heading-actions>button{font-size:10px;padding:10px;white-space:normal;max-width:110px}.showcase-heading{align-items:center}}
.sf-kpis strong{white-space:nowrap}@media(max-width:480px){.sf-kpis>div{grid-template-columns:1fr;padding:8px}.sf-kpis strong{font-size:15px}.sf-kpis small{display:none}.showcase-heading-actions>button{max-width:100px;line-height:1.5}.showcase-card-caption p{max-width:205px}}