.public-demo{--demo-ink:#0b1f33;--demo-blue:#123a5a;--demo-slate:#4c657a;--demo-ice:#eaf1f5;--demo-border:#d9e2e8;min-width:0;color:var(--demo-ink);font-family:var(--font-inter), sans-serif;background:#eaf1f5;flex-direction:column;justify-content:center;gap:16px;margin:0;padding:23px;font-size:12px;line-height:1.45;display:flex;container:public-demo/inline-size}.public-demo *,.public-demo :before,.public-demo :after{box-sizing:border-box}.public-demo figcaption{color:var(--demo-slate);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.public-demo-synthetic{border:1px solid #bfced9;border-radius:100px;padding:4px 9px;font-weight:500}.public-demo-window{background:#f8f9f7;border:1px solid #c9d6df;border-radius:9px;width:100%;min-width:0;overflow:hidden;box-shadow:0 10px 22px #0b1f3308}.public-demo-window-bar{border-bottom:1px solid var(--demo-border);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:9px 14px;display:flex}.public-demo-brand{letter-spacing:.1em;white-space:nowrap;font-size:12px;font-weight:750}.public-demo-brand>span{letter-spacing:.025em;color:var(--demo-slate);font-size:12px;font-weight:450}.public-demo button,.public-demo select{font:inherit;color:inherit;touch-action:manipulation;font-size:12px}.public-demo button{cursor:pointer}.public-demo button:disabled{cursor:default}.public-demo button:focus-visible,.public-demo select:focus-visible,.public-demo-kanban:focus-visible{outline:2px solid var(--demo-blue);outline-offset:3px}.public-demo-reset{background:0 0;border:0;align-items:center;gap:6px;min-height:32px;padding:7px 0 7px 7px;display:inline-flex;color:var(--demo-slate)!important}.public-demo-reset:hover{text-underline-offset:3px;text-decoration:underline}.public-demo-content{padding:18px 14px 12px}.public-demo-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.public-demo-toolbar h4{color:var(--demo-ink);letter-spacing:-.025em;align-items:center;gap:7px;margin:0;font-size:14px;font-weight:650;line-height:1.4;display:flex}.public-demo-toolbar h4 svg{flex-shrink:0}.public-demo-select{color:var(--demo-slate);align-items:center;gap:7px;font-size:12px;display:flex}.public-demo-select select{max-width:100%;min-height:34px;color:var(--demo-ink);background:#fff;border:1px solid #c5d2dd;border-radius:5px;padding:5px 22px 5px 8px}.public-demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.public-demo-metrics>div{border:1px solid var(--demo-border);background:#fff;border-radius:6px;padding:10px 13px}.public-demo-metrics>div>span{color:var(--demo-slate);font-size:12px;display:block}.public-demo-metrics>div>strong{letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:27px;font-weight:600;line-height:1.3;display:block}.public-demo-metric-note{color:var(--demo-slate);letter-spacing:0;font-size:13px;font-weight:400}.public-demo-inventory,.public-demo-appointments{border:1px solid var(--demo-border);background:#fff;border-radius:6px;margin:0;padding:0;list-style:none;overflow:hidden}.public-demo-inventory li{border-bottom:1px solid var(--demo-border);grid-template-columns:minmax(0,1fr) 70px auto;align-items:center;gap:10px;padding:12px;display:grid}.public-demo-inventory li:last-child,.public-demo-appointments li:last-child{border-bottom:0}.public-demo-item-name>strong,.public-demo-appointments li>div>strong{font-size:13px;font-weight:600;display:block}.public-demo-item-name>span,.public-demo-appointments li>div>span{color:var(--demo-slate);margin-top:2px;font-size:12px;display:block}.public-demo-stock{text-align:center;font-variant-numeric:tabular-nums}.public-demo-stock strong{font-size:16px;font-weight:650;line-height:1.1;display:block}.public-demo-stock>span{color:var(--demo-slate);font-size:12px}.public-demo-stock-low{color:#855520}.public-demo-action{background:var(--demo-blue);border:1px solid var(--demo-blue);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:6px 9px;display:inline-flex;color:#fff!important;font-weight:500!important}.public-demo-action:not(:disabled):hover{background:var(--demo-ink)}.public-demo-action:disabled{background:#eaf1ef;border-color:#eaf1ef;color:#315e53!important}.public-demo-feedback{min-height:35px;color:var(--demo-slate);margin:13px 0 0;font-size:12px;line-height:1.5}.public-demo-local-note{color:var(--demo-slate);margin:0;font-size:12px;line-height:1.5}.public-demo-progress-label{color:var(--demo-slate);justify-content:space-between;gap:12px;margin-bottom:7px;font-size:12px;display:flex}.public-demo-progress-label strong{color:var(--demo-ink);font-weight:600}.public-demo-progress{width:100%;height:5px;accent-color:var(--demo-blue);background:#dce6ec;border:0;border-radius:10px;margin:0 0 17px;display:block;overflow:hidden}.public-demo-progress::-webkit-progress-bar{background:#dce6ec}.public-demo-progress::-webkit-progress-value{background:var(--demo-blue)}.public-demo-progress::-moz-progress-bar{background:var(--demo-blue)}.public-demo-kanban{border-radius:4px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.public-demo-column{border:1px solid var(--demo-border);background:#edf2f5;border-radius:6px;min-width:0;min-height:150px;padding:8px}.public-demo-column-title{color:var(--demo-slate);justify-content:space-between;align-items:center;gap:5px;margin-bottom:10px;font-size:12px;font-weight:500;display:flex}.public-demo-column-title>span:last-child{font-variant-numeric:tabular-nums;background:#dfe8ee;border-radius:4px;padding:1px 5px;font-size:12px}.public-demo-task{border:1px solid var(--demo-border);background:#fff;border-radius:5px;margin-bottom:8px;padding:10px 8px}.public-demo-task:last-child{margin-bottom:0}.public-demo-task-meta{color:var(--demo-slate);justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.public-demo-task-meta>span:last-child{background:var(--demo-ice);width:25px;height:25px;color:var(--demo-blue);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.public-demo-task>strong{overflow-wrap:anywhere;min-height:38px;font-size:12px;font-weight:600;line-height:1.5;display:block}.public-demo-task-action{border:0;border-top:1px solid var(--demo-border);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:5px;width:100%;min-height:34px;margin-top:10px;padding:7px 0 0;display:flex;color:var(--demo-blue)!important}.public-demo-task-action:hover{text-underline-offset:3px;text-decoration:underline}.public-demo-task-action svg{flex-shrink:0}.public-demo-complete{color:#315e53;align-items:center;gap:5px;min-height:34px;margin-top:10px;font-size:12px;display:flex}.public-demo-empty{color:var(--demo-slate);text-align:center;margin:0;padding:24px 0;font-size:12px}.public-demo-date{color:var(--demo-slate);font-size:12px}.public-demo-days{align-items:center;gap:8px;margin-bottom:16px;display:flex}.public-demo-days button{border:1px solid var(--demo-border);min-width:53px;min-height:60px;color:var(--demo-slate);background:#fff;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 11px;display:flex}.public-demo-days button strong{color:var(--demo-ink);font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.public-demo-days button[aria-pressed=true]{background:var(--demo-blue);color:#fff;border-color:var(--demo-blue)}.public-demo-days button[aria-pressed=true] strong{color:#fff}.public-demo-days button:not([aria-pressed=true]):hover{border-color:var(--demo-slate)}.public-demo-day-count{color:var(--demo-slate);flex-direction:column;align-items:flex-end;margin-left:auto;padding-left:6px;font-size:12px;display:flex}.public-demo-day-count strong{color:var(--demo-ink);font-variant-numeric:tabular-nums;font-size:25px;font-weight:600;line-height:1.2}.public-demo-appointments{min-height:211px}.public-demo-appointments li{border-bottom:1px solid var(--demo-border);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 10px;display:grid}.public-demo-appointments time{color:var(--demo-slate);font-variant-numeric:tabular-nums;font-size:12px}.public-demo-admin-note{color:var(--demo-slate);border-top:1px solid var(--demo-border);margin:4px 0 0;padding-top:10px;font-size:12px}.public-demo-views{border-bottom:1px solid var(--demo-border);gap:6px;margin:0 0 17px;padding-bottom:10px;display:flex}.public-demo-views button{border:1px solid var(--demo-border);background:#fff;border-radius:5px;min-height:36px;padding:7px 12px}.public-demo-views button[aria-pressed=true]{background:var(--demo-blue);border-color:var(--demo-blue);color:#fff}.public-demo-documents{border:1px solid var(--demo-border);background:#fff;border-radius:6px;margin:0;padding:0;list-style:none;overflow:hidden}.public-demo-documents li{border-bottom:1px solid var(--demo-border);grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:10px;padding:15px 12px;display:grid}.public-demo-documents li:last-child{border-bottom:0}.public-demo-documents li>svg{color:var(--demo-slate)}.public-demo-documents li strong,.public-demo-documents li span{display:block}.public-demo-documents li strong{font-size:13px;font-weight:600}.public-demo-documents li span{color:var(--demo-slate);margin-top:2px}@container public-demo (max-width:420px){.public-demo-content{padding:15px 11px 11px}.public-demo-window-bar{padding-inline:11px}.public-demo-kanban{grid-template-columns:1fr}.public-demo-column{min-height:0;padding:9px}.public-demo-column-title{margin-bottom:7px}.public-demo-task{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:9px;display:grid}.public-demo-task-meta{grid-column:1/-1;margin-bottom:4px}.public-demo-task-meta>span:last-child{width:23px;height:23px}.public-demo-task>strong{align-self:center;min-height:0}.public-demo-task-action,.public-demo-complete{border:0;min-width:85px;margin:0;padding:5px 0}.public-demo-empty{text-align:left;padding:4px 0}}@container public-demo (max-width:310px){.public-demo-inventory li{grid-template-columns:minmax(0,1fr) 48px;gap:8px}.public-demo-inventory li>button{grid-column:1/-1;width:100%}.public-demo-appointments li{grid-template-columns:40px minmax(0,1fr)}.public-demo-appointments li>button{grid-column:2;justify-self:start}.public-demo-days{gap:5px}.public-demo-days button{min-width:46px;padding-inline:8px}.public-demo-day-count{padding-left:0}.public-demo-documents li{grid-template-columns:19px minmax(0,1fr)}.public-demo-documents li>button{grid-column:2;justify-self:start}}@media (max-width:600px){.public-demo{padding:18px 15px}}.public-demo-task-list{border:1px solid var(--demo-border);background:#fff;border-radius:6px;margin:0;padding:0;list-style:none;overflow:hidden}.public-demo-task-list li{border-bottom:1px solid var(--demo-border);justify-content:space-between;align-items:center;gap:15px;padding:14px;display:flex}.public-demo-task-list li:last-child{border-bottom:0}.public-demo-task-list li>div{min-width:0}.public-demo-task-list strong{font-size:14px;font-weight:600;display:block}.public-demo-task-list li>div>span{color:var(--demo-slate);margin-top:4px;font-size:12px;display:block}.public-demo-task-list .public-demo-record-id{margin:0 0 3px;font-size:11px}.public-demo-task-list select,.public-demo-documents select{max-width:100%;min-height:36px;color:var(--demo-ink);background:#fff;border:1px solid #c5d2dd;border-radius:5px;padding:6px}.public-demo-task-list select{min-width:122px}.public-demo-task-list .public-demo-status-done{color:#315e53;background:#edf4ef}.public-demo-document-filters{flex-wrap:wrap;align-items:flex-end;gap:10px;margin:0 0 14px;display:flex}.public-demo-search{min-width:0;color:var(--demo-slate);flex:160px}.public-demo-search>span{margin-bottom:5px;display:block}.public-demo-search input{width:100%;min-width:0;min-height:36px;font:inherit;background:#fff;border:1px solid #c5d2dd;border-radius:5px;padding:7px 9px}.public-demo-document-filters>.public-demo-select{flex:130px;display:block}.public-demo-document-filters>.public-demo-select>span{margin-bottom:5px;display:block}.public-demo-document-filters select{width:100%;min-height:36px}.public-demo input:focus-visible{outline:2px solid var(--demo-blue);outline-offset:3px}.public-demo-documents .public-demo-version-note{font-size:11px}.public-demo-inventory-filter{margin:0 0 12px}.public-demo .public-demo-empty-row{color:var(--demo-slate);padding:20px 14px;display:block}@container public-demo (max-width:420px){.public-demo-task-list li{flex-wrap:wrap;gap:8px}.public-demo-task-list select{width:100%}.public-demo-inventory li{grid-template-columns:minmax(0,1fr) 70px}.public-demo-inventory li>button{grid-column:1/-1;width:100%}.public-demo-documents li{grid-template-columns:19px minmax(0,1fr)}.public-demo-documents li>select{grid-column:2;justify-self:start}}