/* Interactive browser demo workspaces. */
.dashboard-sidebar .dash-brand{margin-bottom:20px}.dashboard-sidebar .sidebar-bottom{margin-top:auto;padding-top:18px}.dashboard-sidebar .sidebar-item{min-height:40px;font-size:11px}.dashboard-sidebar .sidebar-label{margin-bottom:9px}.dashboard-main{min-height:570px}.workspace-detail{min-height:470px}.workspace-title{margin-bottom:20px}.workspace-title h2{font-size:22px;line-height:1.3}.workspace-title p{font-size:11px;max-width:540px}.ws-breadcrumb{font-size:9px;color:#75866d;display:flex;gap:8px;margin-bottom:10px;letter-spacing:.15px}.ws-breadcrumb span{color:#bcc8b4}.workspace-summary{margin-bottom:18px}.workspace-summary strong{font-size:20px;letter-spacing:-.5px;overflow-wrap:anywhere}.workspace-summary strong span{font-size:9px;display:block;margin-top:5px}.workspace-summary small{font-size:10px;line-height:1.5}.ws-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:15px}.ws-toolbar:empty{display:none}.ws-button{min-height:37px;border:1px solid #d1ddc9;border-radius:7px;background:#f4f8ef;color:#326142;font-size:10px;font-weight:550;padding:9px 12px;transition:background .18s,border-color .18s;white-space:nowrap}.ws-button:hover{background:#e7f1de;border-color:#abc498}.ws-button:disabled{opacity:.5}.ws-primary{color:#fff;background:#166b4e;border-color:#166b4e}.ws-primary:hover{background:#11533d;border-color:#11533d}.ws-search{flex:1;min-width:155px}.ws-search input,.ws-filter select{height:37px;border:1px solid #d8e1d1;background:#fff;border-radius:7px;color:#34543c;font:inherit;font-size:11px;padding:8px 11px;max-width:100%;width:100%;outline-offset:2px}.ws-search input::placeholder{color:#8a9781}.ws-filter{display:flex;flex-direction:column;gap:6px;max-width:100%}.ws-filter>span{font-size:9px;color:#76876c}.ws-filter select{width:auto;max-width:240px;padding-right:23px}.ws-filter select:disabled{opacity:.6}.workspace-table-wrap{max-height:360px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c5d7ba transparent}.workspace-table th{position:sticky;top:0;z-index:1;font-size:10px;background:#f3f7ed}.workspace-table td{font-size:11px;padding:13px 11px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.workspace-table th:last-child,.workspace-table td:last-child{font-variant-numeric:tabular-nums}.workspace-table tbody tr:hover{background:#fafcf7}.workspace-table td .ws-button{min-height:30px;font-size:9px;padding:6px 8px}.workspace-badge{font-size:9px}.workspace-footer{font-size:10px;margin-top:17px}.workspace-notice{font-size:10px;line-height:1.8}.ws-empty{display:flex;min-height:175px;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f9fbf6;border:1px dashed #d6e2cb;border-radius:9px;padding:20px;color:#547446}.ws-empty b{font-size:13px}.ws-empty p{font-size:11px;line-height:1.7;margin-top:8px;max-width:270px}.ws-settings{padding:20px;background:#f6f9f1;border:1px solid #dfe8d6;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.ws-settings>label:first-child,.ws-settings>label:nth-child(2){grid-column:1/-1}.ws-settings label,.ws-form-grid>label{display:flex;flex-direction:column;font-size:11px;font-weight:550;line-height:1.6;gap:7px;color:#44643d}.ws-settings input,.ws-settings select,.ws-form-grid input,.ws-form-grid select{font:inherit;font-weight:400;color:#254a34;min-width:0;max-width:100%;width:100%;min-height:42px;border:1px solid #cadbc0;border-radius:7px;background:white;padding:10px 12px;outline-offset:2px}.ws-settings input:focus,.ws-settings select:focus,.ws-form-grid input:focus,.ws-form-grid select:focus{outline:2px solid #368259;border-color:#368259}.ws-settings-footer{display:flex;align-items:center;gap:12px;grid-column:1/-1}.ws-settings-footer span{font-size:10px;color:#7b8c6e}.ws-settings-footer .ws-button{min-height:40px;padding-inline:22px}.ws-reset{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #e7ddc3;background:#fffcf5;border-radius:9px;margin-top:20px;padding:17px}.ws-reset b{font-size:11px;color:#6f6348}.ws-reset p{font-size:10px;color:#938262;line-height:1.7;margin-top:5px}.ws-reset .ws-button{background:#fff9ec;color:#7c612b;border-color:#e6d7b2}.ws-form-error{font-size:11px;line-height:1.7;color:#9a342d;border:1px solid #f1d4c9;background:#fff4ee;padding:10px 12px;border-radius:7px;grid-column:1/-1;margin-top:12px}.ws-form-error[hidden]{display:none}.ws-dialog{border:1px solid #d6e1cb;border-radius:16px;background:#fcfdf9;color:#234731;width:min(480px,calc(100% - 28px));padding:25px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 28px 100px #0e2e3360}.ws-dialog::backdrop{background:#123f3359;backdrop-filter:blur(5px)}.ws-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ws-dialog-kicker{font-size:9px;color:#6c865a;letter-spacing:1.2px;font-weight:600}.ws-dialog-close{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d9e4cf;background:#f3f7ed;border-radius:50%;font-size:24px;color:#678254;line-height:1}.ws-dialog h2{font-size:24px;line-height:1.25;letter-spacing:-.7px;max-width:350px}.ws-dialog-intro{font-size:12px;color:#788b6c;line-height:1.8;margin-top:10px;margin-bottom:22px}.ws-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ws-form-grid>label:first-child{grid-column:1/-1}.ws-form-grid>label:only-child{grid-column:1/-1}.ws-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:21px;margin-top:22px;border-top:1px solid #e1ead8}.ws-dialog-footer .ws-button{min-height:42px;font-size:11px}.ws-form-grid>.ws-confirm{flex-direction:row;align-items:flex-start;gap:10px;grid-column:1/-1;font-size:12px;font-weight:400;background:#f3f6eb;padding:12px;border-radius:8px}.ws-confirm input[type=checkbox]{width:17px;min-width:17px;height:17px;min-height:17px;margin-top:2px;accent-color:#176b4c}.donut strong{font-variant-numeric:tabular-nums}.dashboard-filter .period-switch button{min-height:34px}.workspace-table-wrap:focus-visible{outline-offset:3px}.flow-card h3{font-size:clamp(18px,1.8vw,25px)}
@media(max-width:1000px){.dashboard{grid-template-columns:164px minmax(0,1fr)}.dashboard-sidebar{padding-inline:8px}.dashboard-sidebar .sidebar-item{font-size:10px;padding-inline:8px}.dashboard-main{padding-inline:17px}.workspace-summary strong{font-size:17px}.workspace-summary>div{padding:13px 10px}.workspace-table td{font-size:10px}.ws-toolbar{gap:7px}.ws-button{padding-inline:10px}.flow-card h3{font-size:20px}}
@media(max-width:760px){.dashboard{grid-template-columns:minmax(0,1fr)}.dashboard-main{min-height:0}.workspace-mobile-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:5px;max-width:100%;padding:2px 1px 12px;scrollbar-width:thin;scrollbar-color:#c2d7b1 transparent;scroll-snap-type:x proximity}.workspace-mobile-nav button{flex:0 0 auto;white-space:nowrap;min-height:38px;font-size:11px;padding-inline:12px;scroll-snap-align:start}.workspace-mobile-nav button[aria-pressed=true]{background:#dceecf}.workspace-detail{min-height:430px}.workspace-title h2{font-size:20px}.workspace-title p{font-size:11px}.workspace-summary strong{font-size:18px}.workspace-table-wrap{max-height:325px}.workspace-table td{font-size:11px}.ws-toolbar{gap:8px}.ws-search{min-width:170px}.ws-button{font-size:11px;min-height:39px}.ws-search input,.ws-filter select{height:39px;font-size:12px}.ws-settings{padding:16px}.flow-card h3{font-size:24px}}
@media(max-width:480px){.dashboard-main{padding:15px 11px}.workspace-mobile-nav{margin-bottom:17px;margin-right:0;padding-bottom:12px}.workspace-mobile-nav button{font-size:11px;padding:8px 10px}.workspace-title{gap:8px}.workspace-title h2{font-size:20px;letter-spacing:-.5px}.workspace-title .sample-tag{font-size:9px;padding:5px 7px;max-width:none}.workspace-title p{font-size:10px;line-height:1.8;max-width:255px}.ws-breadcrumb{font-size:9px;margin-bottom:8px}.workspace-summary{gap:6px}.workspace-summary>div{padding:11px 8px}.workspace-summary small{font-size:9px;min-height:27px}.workspace-summary strong{font-size:15px;letter-spacing:-.4px;line-height:1.4}.workspace-summary strong span{font-size:8px;margin-top:5px}.workspace-table th{font-size:10px}.workspace-table td{font-size:11px;padding:13px 10px}.workspace-table-wrap{border-radius:7px}.workspace-badge{font-size:9px}.ws-toolbar{gap:7px}.ws-toolbar .ws-search{flex:1 0 100%;min-width:0}.ws-toolbar .ws-filter{flex:1;min-width:0}.ws-filter select{width:100%;max-width:100%}.ws-toolbar .ws-button{font-size:10px;flex:1}.workspace-footer{gap:10px;font-size:10px;align-items:center}.workspace-footer>span{max-width:150px}.workspace-download{font-size:10px;min-width:118px;min-height:38px;padding-inline:9px}.workspace-notice{font-size:10px;line-height:1.85}.ws-settings{grid-template-columns:1fr;gap:15px;padding:14px}.ws-settings label{font-size:11px}.ws-settings input,.ws-settings select{font-size:16px;min-height:44px}.ws-settings-footer{flex-wrap:wrap;gap:8px}.ws-reset{flex-direction:column;align-items:flex-start;padding:15px;gap:12px}.ws-reset p{font-size:11px}.ws-reset b{font-size:12px}.ws-dialog{padding:21px 18px;border-radius:14px;max-height:calc(100dvh - 24px)}.ws-dialog h2{font-size:23px}.ws-dialog-intro{font-size:12px;margin-bottom:20px}.ws-form-grid{gap:13px;grid-template-columns:1fr}.ws-form-grid>label{font-size:11px}.ws-form-grid input,.ws-form-grid select{font-size:16px;min-height:44px;padding-inline:10px}.ws-dialog-footer{margin-top:20px;padding-top:16px;gap:8px}.ws-dialog-footer .ws-button{font-size:11px;white-space:normal;line-height:1.4;padding:10px 12px}.ws-dialog-footer .ws-primary{flex:1}.ws-search input,.ws-filter select{font-size:16px}.workspace-detail{min-height:440px}.flow-card h3{font-size:24px}.history-row>strong{font-size:13px}.donut-legend span{font-size:10px}}
