.product-demo{color:#292724;text-align:left;background:#fff;border:1px solid #dedbd4;border-radius:9px;grid-template-columns:180px minmax(0,1fr);width:100%;min-width:0;font-size:13px;line-height:1.4;display:grid;overflow:hidden;box-shadow:0 8px 28px #39352c09}.product-demo button,.product-demo input,.product-demo select{font-family:inherit}.product-demo button:not(:disabled){cursor:pointer}.product-demo-sidebar{background:#faf9f7;flex-direction:column;min-height:510px;padding:0 10px;display:flex}.product-demo-brand{align-items:center;height:49px;padding-left:7px;display:flex}.product-demo-menu-search{color:#766f67;background:#fff;border:1px solid #e6e2dc;border-radius:5px;align-items:center;gap:6px;height:29px;margin:0 1px 10px;padding:0 8px;display:flex}.product-demo-menu-search input{color:#514c45;background:0 0;outline:none;width:100%;min-width:0;font-size:12px}.product-demo-menu-search:focus-within{outline-offset:2px;outline:2px solid #9f978a}.product-demo-nav{flex:1}.product-demo-nav-group+.product-demo-nav-group{margin-top:8px}.product-demo-nav-group>p{color:#77706a;letter-spacing:.09em;text-transform:uppercase;height:13px;margin:0 8px 3px;font-size:9px;font-weight:600}.product-demo-nav a,.product-demo-nav button{color:#666057;text-align:left;border:1px solid #0000;border-radius:5px;align-items:center;gap:8px;width:100%;min-height:28px;margin-top:1px;padding:3px 8px;font-size:12px;font-weight:500;line-height:20px;display:flex}.product-demo-nav svg{color:#766f67;flex-shrink:0}.product-demo-nav a:hover,.product-demo-nav button:hover{color:#292724;background:#eeece7}.product-demo-nav button[aria-pressed=true]{color:#fff;background:#2c2b28;border-color:#242320}.product-demo-nav button[aria-pressed=true] svg{color:#f3a573}.product-demo-menu-empty{color:#7d756b;margin:16px 8px;font-size:12px}.product-demo-company{align-items:center;gap:8px;min-height:53px;margin-top:10px;padding:8px 5px;display:flex}.product-demo-company>span{color:#746551;background:#eeeae2;border:1px solid #e3ded5;border-radius:6px;place-items:center;width:29px;height:29px;font-size:12px;font-weight:600;display:grid}.product-demo-company>div{flex:1;min-width:0}.product-demo-company strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;display:block;overflow:hidden}.product-demo-company small{color:#766f67;margin-top:1px;font-size:10px;display:block}.product-demo-company>button{color:#766f67;border-radius:4px;place-items:center;width:26px;height:28px;margin-left:auto;display:grid}.product-demo-company>button:hover{color:#292724;background:#eeece7}.product-demo-workspace{min-width:0}.product-demo-topbar{color:#766f67;border-bottom:1px solid #eeeae4;justify-content:space-between;align-items:center;gap:12px;height:37px;padding:0 17px;font-size:11px;display:flex}.product-demo-topbar>span:first-child{align-items:center;gap:7px;display:flex}.product-demo-badge{white-space:nowrap;background:#faf9f7;border:1px solid #e9e5df;border-radius:4px;padding:2px 6px;font-size:10px}.product-demo-content{min-width:0;padding:17px 16px 12px}.product-demo .app-page{gap:12px;max-width:none;animation:none}.product-demo .page-header{align-items:center;gap:8px;min-height:51px}.product-demo .page-title{color:#292724;letter-spacing:-.025em;margin:0;font-size:24px;font-weight:600;line-height:1.3}.product-demo .page-description{color:#666158;margin-top:3px;font-size:12px;line-height:1.4}.product-demo .page-actions{gap:6px}.product-demo .page-actions button{padding-inline:10px;font-size:12px}.product-demo .product-demo-toolbar{border-color:#e5e2dd;border-radius:7px;gap:8px;min-height:56px;padding:9px 10px}.product-demo-search{flex:220px;min-width:150px;max-width:320px;position:relative}.product-demo-search>svg{color:#827b72;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.product-demo-search input{background:#fff;width:100%;padding-left:31px;padding-right:29px;font-size:13px}.product-demo-search>button{color:#827b72;border-radius:4px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:5px;right:4px}.product-demo-search>button:hover{background:#f3f1ed}.product-demo-toolbar>div:not(.product-demo-search){min-width:0}.product-demo-toolbar>div:not(.product-demo-search)>button:first-child{width:215px;font-size:13px}.product-demo-type-filter{color:#756f66;align-items:center;gap:10px;font-size:12px;display:flex}.product-demo-type-filter select{color:#292724;background:#fff;min-width:145px;height:36px;padding:0 10px}.product-demo-table-wrap{scrollbar-width:thin;scrollbar-color:#d6d1c8 transparent;border:1px solid #e5e2dd;border-radius:7px;width:100%;min-width:0;max-width:100%;overflow:auto}.product-demo-table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%;font-size:13px}.product-demo-table thead{background:#f8f8f7}.product-demo-table th{color:#706b63;white-space:nowrap;border-bottom:1px solid #e5e2dd;height:36px;padding:7px 8px;font-size:11px;font-weight:500;line-height:1.3}.product-demo-table td{color:#4c4842;font-variant-numeric:tabular-nums;border-bottom:1px solid #ece9e5;height:52px;padding:6px 8px;font-size:13px;line-height:1.35}.product-demo-table tr:last-child td{border-bottom:0}.product-demo-table tbody tr:hover{background:#faf9f7}.product-demo-table .numeric{text-align:right;white-space:nowrap}.product-demo-table .product-demo-code{color:#746e65;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.product-demo-table .product-demo-strong{color:#292724;font-weight:600}.product-demo-table .product-demo-muted{color:#766f67}.product-demo-products{min-width:916px}.product-demo-image{color:#64748b;background:#f8fafc;border:1px solid #e1e4e8;border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.product-demo-image:hover{border-color:#a6a096}.product-demo-name,.product-demo-clamp{-webkit-line-clamp:2;overflow-wrap:anywhere;text-align:left;-webkit-box-orient:vertical;max-height:34px;line-height:17px;display:-webkit-box;overflow:hidden}.product-demo-name{color:#292724;font-size:13px;font-weight:500}button.product-demo-name:hover,.product-demo-customer-name:hover{text-underline-offset:3px;text-decoration:underline}.product-demo-stock{color:#366944;text-align:center;background:#edf6ef;border-radius:20px;min-width:26px;padding:2px 5px;font-size:12px;font-weight:600;display:inline-block}.product-demo-stock.empty{color:#a1483f;background:#fbefee}.product-demo-actions{justify-content:flex-end;align-items:center;gap:0;display:flex}.product-demo-actions>button{color:#7c756b;width:27px;height:28px}.product-demo-movements{min-width:960px}.product-demo-movements th:first-child{width:90px}.product-demo-movements th:nth-child(2){width:96px}.product-demo-movements th:nth-child(3){width:120px}.product-demo-movements th:nth-child(4){width:118px}.product-demo-movements th:nth-child(5){width:46px}.product-demo-movements th:nth-child(6),.product-demo-movements th:nth-child(7){width:94px}.product-demo-movements th:nth-child(8){width:127px}.product-demo-movements th:nth-child(9){width:100px}.product-demo-table .product-demo-date{color:#6e675f;font-size:11px}.product-demo-date small{color:#766f67;margin-top:3px;font-size:10px;display:block}.product-demo-type{border-radius:4px;align-items:center;gap:4px;padding:3px 5px;font-size:11px;display:inline-flex}.product-demo-type.incoming{color:#366944;background:#edf6ef}.product-demo-type.outgoing{color:#8f562d;background:#fcf1e8}.product-demo-customers{min-width:720px}.product-demo-customers td{height:42px}.product-demo-customers th,.product-demo-customers td{padding-inline:12px}.product-demo-customer-name{text-align:left;font-size:13px;font-weight:500}.product-demo-table .debt{color:#a6483f;font-weight:500}.product-demo-table .credit{color:#31725b;font-weight:500}.product-demo-customer-action{gap:2px;height:28px;padding-inline:7px;font-size:12px}.product-demo-table .product-demo-empty{text-align:center;color:#837b70;height:160px;font-size:13px}.product-demo-status{color:#766f67;justify-content:space-between;align-items:center;gap:10px;min-height:16px;font-size:11px;display:flex}.product-demo-mobile-nav{display:none}.product-demo-export-error{color:#a6483f;margin:0;font-size:12px}.product-demo-history-dialog{max-width:1000px}.product-demo-details{margin:0;font-size:13px}.product-demo-details>div{border-bottom:1px solid #ece9e5;justify-content:space-between;gap:20px;padding:10px 0;display:flex}.product-demo-details dt{color:#766f67}.product-demo-details dd{text-align:right;overflow-wrap:anywhere;font-weight:500}.product-demo-customer-history{border:1px solid #e5e2dd;border-radius:6px;padding:12px;font-size:13px}.product-demo-customer-history h3{margin:0 0 10px;font-size:13px;font-weight:600}.product-demo-customer-history>div{color:#756f66;justify-content:space-between;gap:12px;display:flex}.product-demo-customer-history strong{color:#292724;font-weight:500}@media (max-width:1050px){.product-demo{grid-template-columns:164px minmax(0,1fr)}.product-demo-content{padding-inline:14px}.product-demo .page-title{font-size:22px}.product-demo .page-actions button{padding-inline:8px;font-size:11px}.product-demo .page-actions{gap:5px}.product-demo-toolbar>div:not(.product-demo-search)>button:first-child{width:190px}}@media (max-width:760px){.product-demo{display:block}.product-demo-sidebar{display:none}.product-demo-mobile-nav{border-bottom:1px solid #eeeae4;gap:4px;padding:8px 10px;display:flex}.product-demo-mobile-nav button{color:#71695f;white-space:nowrap;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:6px;font-size:12px;display:flex}.product-demo-mobile-nav button[aria-pressed=true]{color:#fff;background:#2c2b28}.product-demo-mobile-nav button[aria-pressed=true] svg{color:#f3a573}.product-demo-content{padding:14px 12px 12px}.product-demo .page-title{font-size:22px}.product-demo .page-header{align-items:flex-start}.product-demo .page-actions button{font-size:12px}.product-demo .product-demo-toolbar{padding:9px}.product-demo-search{flex-basis:100%;max-width:none}.product-demo-toolbar>div:not(.product-demo-search)>button:first-child{width:215px}.product-demo-topbar{padding-inline:12px;font-size:10px}.product-demo-type-filter{width:100%}.product-demo-type-filter select{flex:1}.product-demo .page-description{font-size:12px}}@media (max-width:420px){.product-demo-content{padding-inline:10px}.product-demo .page-actions{width:100%}.product-demo .page-actions button{height:32px}.product-demo-mobile-nav{padding-inline:6px}.product-demo-mobile-nav button{gap:4px;font-size:11px}.product-demo-topbar>span:first-child{gap:4px}.product-demo-status{font-size:10px}}.product-demo-topbar-actions{align-items:center;gap:8px;display:flex}.product-demo-topbar-actions>button{border-radius:4px;place-items:center;width:26px;height:26px;display:grid}.product-demo-topbar-actions>button:hover{color:#292724;background:#eeece7}.product-demo-mobile-nav label{color:#766f67;white-space:nowrap;font-size:11px}.product-demo-mobile-nav select{color:#292724;background:#fff;border:1px solid #e5e2dd;border-radius:5px;width:100%;min-width:0;height:34px;padding:4px 9px;font-size:13px}.product-demo-feedback{color:#366944;background:#f0f7f2;border:1px solid #d3e6d9;border-radius:5px;margin:0;padding:8px 10px;font-size:12px}.product-demo-reset-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.demo-create-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.demo-create-form label{color:#605b54;flex-direction:column;gap:5px;min-width:0;font-size:12px;display:flex}.demo-create-form input{width:100%;min-width:0;font-size:13px}.demo-create-wide{grid-column:1/-1}.demo-create-error{color:#a6483f;font-size:12px}.product-demo button:focus-visible,.product-demo select:focus-visible{outline-offset:2px;outline:2px solid #a77144}@media (max-width:760px){.product-demo-mobile-nav{align-items:center;gap:12px}.product-demo-status{flex-wrap:wrap;align-items:flex-start}}.product-demo-image{overflow:hidden}.product-demo-detail-photo{background:#faf9f7;border-radius:6px;width:100%;height:190px;overflow:hidden}
.demo-product-photo{border-radius:inherit;color:#8b938f;background:#faf9f7;place-items:center;width:100%;min-width:0;height:100%;display:grid;position:relative;overflow:hidden}.demo-product-photo img{display:block}
.demo-insights{color:#292724;gap:12px;min-width:0;font-size:13px;display:grid}.demo-insights button:focus-visible{outline-offset:3px;outline:2px solid #a5663e}.demo-insights-quick-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.demo-insights-quick-actions button,.demo-insights-save-row button,.demo-insights-settings button{gap:6px;font-size:12px}.demo-insights-metrics{border:1px solid #e5e2dd;border-radius:7px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.demo-insights-metric{text-align:left;background:#fff;min-width:0;padding:13px 12px}.demo-insights-metric+.demo-insights-metric{border-left:1px solid #e5e2dd}.demo-insights-metric:hover{background:#faf9f7}.demo-insights-metric>span{color:#766f67;justify-content:space-between;align-items:center;gap:4px;font-size:11px;display:flex}.demo-insights-metric strong{letter-spacing:-.025em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:9px;font-size:clamp(17px,1.8vw,23px);font-weight:550;line-height:1.2;display:block}.demo-insights-columns{grid-template-columns:1.25fr 1fr;gap:12px;min-width:0;display:grid}.demo-insights-panel{background:#fff;border:1px solid #e5e2dd;border-radius:7px;min-width:0;padding:11px 12px}.demo-insights-heading{justify-content:space-between;align-items:center;gap:10px;min-height:25px;display:flex}.demo-insights-heading .demo-insights-title{color:#292724;letter-spacing:-.01em;margin:0;font-size:13px;font-weight:600;line-height:1.4}.demo-insights-heading>span{color:#766f67;font-size:11px}.demo-insights-heading>strong{color:#292724;font-size:16px;font-weight:550}.demo-insights-heading>button,.demo-insights-panel-footer>button,.demo-insights-account-summary>button{color:#70675c;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:inline-flex}.demo-insights-heading>button:hover,.demo-insights-panel-footer>button:hover,.demo-insights-account-summary>button:hover{color:#a24c21}.demo-insights-chart{align-content:center;gap:12px;min-height:165px;padding:12px 0 15px;display:grid}.demo-insights-chart-row{min-width:0}.demo-insights-chart-row>div:first-child{justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;font-size:11px;display:flex}.demo-insights-chart-row>div:first-child>span{text-overflow:ellipsis;white-space:nowrap;color:#686156;overflow:hidden}.demo-insights-chart-row strong{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.demo-insights-track{background:#f1eeea;border-radius:2px;height:7px;overflow:hidden}.demo-insights-track>span{background:#dc824e;border-radius:2px;height:100%;display:block}.demo-insights-chart-row:not(:first-child) .demo-insights-track>span{background:#b9b1a4}.demo-insights-panel-footer{border-top:1px solid #eeeae4;justify-content:space-between;align-items:center;gap:8px;padding-top:9px;display:flex}.demo-insights-panel-footer>span{color:#766f67;font-size:10px}.demo-insights-stock-list{margin:5px 0 10px;padding:0;list-style:none}.demo-insights-stock-list li{justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.demo-insights-stock-list li+li{border-top:1px solid #f0ede8}.demo-insights-stock-list li>div{min-width:0}.demo-insights-stock-list strong{overflow-wrap:anywhere;font-size:12px;font-weight:500;display:block}.demo-insights-stock-list small{color:#766f67;margin-top:2px;font-size:10px;display:block}.demo-insights-stock-list li>span{color:#8f562d;background:#fcf1e8;border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:10px}.demo-insights-stock-list li>span.demo-insights-stock-empty{color:#a1483f;background:#fbefee}.demo-insights-account-summary{border-top:1px solid #eeeae4;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding-top:10px;font-size:12px;display:flex}.demo-insights-table-wrap{scrollbar-width:thin;max-width:100%;margin-top:7px;overflow:auto}.demo-insights-table{border-collapse:collapse;text-align:left;width:100%;min-width:540px;font-size:12px}.demo-insights-table th{color:#766f67;white-space:nowrap;background:#faf9f7;border-bottom:1px solid #e5e2dd;padding:8px;font-size:10px;font-weight:500}.demo-insights-table td{color:#4c4842;font-variant-numeric:tabular-nums;border-bottom:1px solid #eeeae4;padding:9px 8px}.demo-insights-table tbody tr:last-child td{border-bottom:0}.demo-insights-table .demo-insights-numeric{text-align:right;white-space:nowrap}.demo-insights-table .demo-insights-date{color:#766f67;white-space:nowrap;font-size:10px}.demo-insights-kind{color:#8f562d;white-space:nowrap;background:#fcf1e8;border-radius:4px;padding:3px 5px;font-size:10px;display:inline-block}.demo-insights-kind-in{color:#366944;background:#edf6ef}.demo-insights-product-name{max-width:260px;font-size:12px;font-weight:500;display:block}.demo-insights-code{color:#766f67;margin-top:2px;font-size:10px;display:block}.demo-insights-report-tabs{border-bottom:1px solid #e5e2dd;flex-wrap:wrap;gap:4px;padding-bottom:7px;display:flex}.demo-insights-report-tabs button{color:#766f67;border-radius:5px;padding:7px 10px;font-size:12px}.demo-insights-report-tabs button[aria-pressed=true]{color:#292724;background:#f0ede7;font-weight:600}.demo-insights-report-tabs button:hover{background:#f6f4f0}.demo-insights-report-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.demo-insights-report-toolbar input{min-width:0;max-width:320px;font-size:12px}.demo-insights-report-toolbar>span{color:#766f67;font-size:11px}.demo-insights .demo-insights-note{color:#766f67;margin:0;font-size:11px;line-height:1.6}.demo-insights .demo-insights-empty{color:#766f67;text-align:center;padding:22px 8px;font-size:12px}.demo-insights-settings{max-width:640px}.demo-insights-field-label{color:#514c45;margin:14px 0 6px;font-size:12px;display:block}.demo-insights-settings input{max-width:360px;font-size:13px}.demo-insights-settings .demo-insights-note{margin-top:8px}.demo-insights-save-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.demo-insights-save-row>span{color:#366944;align-items:center;gap:5px;font-size:12px;display:flex}.demo-insights-error{color:#a1483f;margin:7px 0 0;font-size:12px}.demo-insights-data-counts{flex-wrap:wrap;gap:25px;margin:16px 0;display:flex}.demo-insights-data-counts>div{align-items:baseline;gap:7px;display:flex}.demo-insights-data-counts dt{color:#766f67;font-size:12px}.demo-insights-data-counts dd{margin:0;font-size:17px;font-weight:550}@media (max-width:1050px){.demo-insights-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-insights-metric:nth-child(3){border-left:0}.demo-insights-metric:nth-child(n+3){border-top:1px solid #e5e2dd}.demo-insights-metric strong{font-size:22px}}@media (max-width:600px){.demo-insights-columns{grid-template-columns:1fr}.demo-insights-panel{padding-inline:10px}.demo-insights-metric{padding:11px 10px}.demo-insights-metric strong{font-size:20px}.demo-insights-report-tabs button{padding-inline:8px;font-size:11px}.demo-insights-report-toolbar input{max-width:none}.demo-insights-quick-actions{justify-content:flex-start}.demo-insights-settings input{max-width:none}}
.demo-stock-search{gap:10px;min-width:0;display:grid}.demo-stock-search-toolbar{background:#fff;border:1px solid #e5e2dd;border-radius:7px;gap:7px;padding:10px 11px;display:grid}.demo-stock-search-toolbar>label{color:#514c45;font-size:11px;font-weight:500}.demo-stock-search-input{color:#827b72;align-items:center;gap:9px;min-width:0;max-width:530px;display:flex;position:relative}.demo-stock-search-input>svg{flex:none}.demo-stock-search-input input{min-width:0;height:33px;box-shadow:none;background:#fff;border:0;padding-left:0;padding-right:31px;font-size:13px}.demo-stock-search-input input:focus-visible{outline-offset:2px}.demo-stock-search-input>button{color:#827b72;border-radius:4px;place-items:center;width:27px;height:27px;display:grid;position:absolute;right:0}.demo-stock-search-input>button:hover{color:#292724;background:#f3f1ed}.demo-stock-search-samples{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.demo-stock-search-samples>span{color:#766f67;margin-right:3px;font-size:10px}.demo-stock-search-samples button{color:#70675c;background:#faf9f7;border:1px solid #e5e2dd;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:inline-flex}.demo-stock-search-samples button:hover,.demo-stock-search-samples button[aria-pressed=true]{color:#8f562d;background:#f7eee7;border-color:#c6b5a5}.demo-stock-search-summary{color:#766f67;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;font-size:10px;display:flex}.demo-stock-search-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px;min-width:0;display:grid}.demo-stock-search-card{background:#fff;border:1px solid #e5e2dd;border-radius:7px;min-width:0;transition:border-color .15s;overflow:hidden}.demo-stock-search-card:hover,.demo-stock-search-card:focus-within{border-color:#b9aa9a}.demo-stock-search-card-main{color:#292724;text-align:left;width:100%;padding:10px;display:block}.demo-stock-search-image{aspect-ratio:16/9;color:#9aa3af;background:#f2f4f6;border-radius:5px;place-items:center;margin-bottom:8px;display:grid;position:relative;overflow:hidden}.demo-stock-search-image>.demo-stock-search-image-label{color:#6f7781;background:#ffffffcf;border-radius:3px;align-items:center;gap:4px;padding:3px 4px;font-size:9px;display:flex;position:absolute;bottom:5px;right:5px}.demo-stock-search-product{min-height:48px;margin-bottom:7px}.demo-stock-search-product>strong{-webkit-line-clamp:2;overflow-wrap:anywhere;color:#292724;-webkit-box-orient:vertical;max-height:32px;font-size:12px;font-weight:500;line-height:16px;display:-webkit-box;overflow:hidden}.demo-stock-search-product>span{color:#766f67;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;line-height:13px;display:block;overflow:hidden}.demo-stock-search-prices{gap:4px;margin:0;font-size:11px;display:grid}.demo-stock-search-prices>div{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.demo-stock-search-prices dt{color:#766f67}.demo-stock-search-prices dd{color:#514c45;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.demo-stock-search-prices>div:first-child dd{color:#292724;font-weight:600}.demo-stock-search-prices>div:first-child dd.demo-stock-search-no-stock{color:#a1483f}.demo-stock-search-prices>div:last-child dd{color:#a3542e;font-weight:500}.demo-stock-search-card-footer{background:#fcfbfa;border-top:1px solid #eeeae4;justify-content:space-between;align-items:center;gap:5px;padding:6px 9px;display:flex}.demo-stock-search-card-footer>span{color:#827b72;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;overflow:hidden}.demo-stock-search-card-footer button{color:#70675c;align-items:center;gap:4px;padding:2px;font-size:10px;display:flex}.demo-stock-search-card-footer button:hover{color:#a3542e}.demo-stock-search button:focus-visible{outline-offset:-2px;outline:2px solid #a5663e}.demo-stock-search-empty{text-align:center;color:#827b72;justify-items:center;gap:7px;padding:40px 15px;display:grid}.demo-stock-search-empty>strong{color:#514c45;margin-top:2px;font-size:13px;font-weight:500}.demo-stock-search-empty>span{font-size:11px}.demo-stock-search-empty>button{color:#9a4b25;text-underline-offset:3px;margin-top:6px;font-size:12px;text-decoration:underline}@media (max-width:1100px){.demo-stock-search-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.demo-stock-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.demo-stock-search-grid{grid-template-columns:1fr}.demo-stock-search-image{aspect-ratio:auto;height:115px;max-height:135px}.demo-stock-search-product{min-height:0}.demo-stock-search-prices,.demo-stock-search-input input{font-size:12px}.demo-stock-search-summary>span:last-child{display:none}}
.demo-workflow{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:12px;min-width:0;font-size:13px;display:grid}.demo-workflow-card{background:#fff;border:1px solid #e5e2dd;border-radius:7px;flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}.demo-workflow-heading{align-items:flex-start;gap:8px;display:flex}.demo-workflow-heading>svg{color:#766f67;flex:0 0 17px;margin-top:1px}.demo-workflow .demo-workflow-heading .demo-workflow-title{color:#292724;letter-spacing:0;margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.3}.demo-workflow .demo-workflow-heading p{color:#766f67;margin:0;font-size:11px;line-height:1.45}.demo-workflow-scan-form{align-items:stretch;gap:6px;display:flex}.demo-workflow-scan-form>input{flex:1;width:0;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.demo-workflow-scan-form>button{flex-shrink:0;gap:5px;padding-inline:9px;font-size:11px}.demo-workflow-samples{gap:5px;margin-top:-3px;display:grid}.demo-workflow-samples>span{color:#766f67;font-size:10px}.demo-workflow-samples>div{flex-wrap:wrap;gap:5px;display:flex}.demo-workflow-samples button{text-align:left;color:#5f574d;background:#faf9f7;border:1px solid #e8e4dc;border-radius:4px;align-items:center;gap:5px;min-height:31px;padding:4px 6px;font-size:10px;display:flex}.demo-workflow-samples button:hover{background:#f2eee7;border-color:#b5aa9b}.demo-workflow-samples small{color:#766f67;font-variant-numeric:tabular-nums;font-size:8px;display:block}.demo-workflow-search{position:relative}.demo-workflow-search>svg{color:#827b72;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.demo-workflow-search input{padding-left:32px;padding-right:30px;font-size:12px}.demo-workflow-search>button{color:#766f67;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:5px;right:4px}.demo-workflow-search-results{border:1px solid #e5e2dd;border-radius:5px;max-height:220px;margin-top:-6px;display:grid;overflow:auto}.demo-workflow-search-results>button{text-align:left;border-bottom:1px solid #eeeae4;align-items:center;gap:8px;width:100%;min-height:49px;padding:8px;display:flex}.demo-workflow-search-results>button:last-child{border-bottom:0}.demo-workflow-search-results>button:hover{background:#f8f6f2}.demo-workflow-search-results>button>.demo-workflow-search-photo{border:1px solid #e4e2dc;border-radius:4px;flex:0 0 32px;width:32px;height:32px}.demo-workflow-search-results>button>span:not(.demo-workflow-search-photo){flex:1;min-width:0}.demo-workflow-search-results strong{color:#292724;overflow-wrap:anywhere;font-size:12px;font-weight:500;display:block}.demo-workflow-search-results small{color:#766f67;margin-top:2px;font-size:10px;display:block}.demo-workflow-search-results em{color:#766f67;flex-shrink:0;font-size:11px;font-style:normal}.demo-workflow .demo-workflow-search-results p{color:#766f67;margin:0;padding:12px;font-size:12px}.demo-workflow-cart-heading{border-top:1px solid #e9e5de;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.demo-workflow .demo-workflow-cart-heading .demo-workflow-title{color:#292724;letter-spacing:0;margin:0;font-size:13px;font-weight:600}.demo-workflow-cart-heading>span{color:#766f67;font-size:11px}.demo-workflow-empty{text-align:center;color:#766f67;border:1px dashed #ded8ce;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:25px 12px;display:flex}.demo-workflow-empty>svg{color:#aba296}.demo-workflow-empty strong{color:#5d564c;font-size:12px;font-weight:500}.demo-workflow-empty>span{max-width:240px;font-size:11px;line-height:1.5}.demo-workflow-cart{gap:7px;display:grid}.demo-workflow-cart-row{background:#faf9f7;border:1px solid #e5e2dd;border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:8px 4px;padding:9px;display:grid}.demo-workflow-cart-row.active{background:#f4f8f4;border-color:#91b39b}.demo-workflow-select-row{text-align:left;align-items:center;gap:7px;min-width:0;display:flex}.demo-workflow .demo-workflow-product-icon{color:#827b72;background:#fff;border:1px solid #e4e2dc;border-radius:5px;flex:0 0 31px;place-items:center;width:31px;height:31px;display:grid}.demo-workflow-select-row>span:last-child{min-width:0}.demo-workflow-select-row strong{color:#292724;overflow-wrap:anywhere;font-size:12px;font-weight:500;display:block}.demo-workflow-select-row small{color:#766f67;margin-top:2px;font-size:10px;display:block}.demo-workflow-remove{color:#827b72;width:28px;height:28px}.demo-workflow-remove:hover{color:#a1483f}.demo-workflow-row-fields{grid-column:1/-1;grid-template-columns:67px minmax(75px,1fr) minmax(65px,1fr);align-items:end;gap:8px;display:grid}.demo-workflow-row-fields.demo-workflow-row-no-price{grid-template-columns:minmax(70px,110px)}.demo-workflow-row-fields label>span,.demo-workflow-row-fields small{color:#766f67;margin-bottom:3px;font-size:10px;display:block}.demo-workflow-row-fields input{height:29px;padding:3px 7px;font-size:12px}.demo-workflow-row-fields>div{text-align:right;min-width:0;padding-bottom:5px}.demo-workflow-row-fields strong{color:#292724;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:12px;font-weight:600}.demo-workflow-fields{gap:10px;display:grid}.demo-workflow .demo-workflow-channel-note{color:#766f67;margin:0;font-size:11px;line-height:1.45}.demo-workflow-channel{border:0;min-width:0;margin:0;padding:0}.demo-workflow-channel legend{color:#4c4842;margin-bottom:5px;font-size:11px;font-weight:500}.demo-workflow-channel>div{border:1px solid #e0dbd3;border-radius:6px;gap:3px;padding:3px;display:flex}.demo-workflow-channel button{color:#766f67;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:28px;padding:3px;font-size:11px;display:flex}.demo-workflow-channel button[aria-pressed=true]{color:#fff;background:#2c2b28}.demo-workflow-channel button:hover:not([aria-pressed=true]){background:#f3f0ea}.demo-workflow-field{align-content:start;gap:5px;min-width:0;display:grid}.demo-workflow-field label{color:#4c4842;font-size:11px;font-weight:500}.demo-workflow-field label span{color:#766f67;font-weight:400}.demo-workflow-field input,.demo-workflow-field select{color:#292724;width:100%;min-width:0;font-family:inherit;font-size:12px}.demo-workflow-field select{text-overflow:ellipsis;background:#fff;border:1px solid #e0dbd3;border-radius:6px;height:36px;padding:0 9px}.demo-workflow-field select:focus-visible,.demo-workflow button:focus-visible{outline-offset:2px;outline:2px solid #b8ad9d}.demo-workflow input[aria-invalid=true]{border-color:#c68279}.demo-workflow-edit-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.demo-workflow-product{border-top:1px solid #e9e5de;align-items:flex-start;gap:10px;padding-top:12px;display:flex}.demo-workflow-product>.demo-workflow-detail-photo{color:#64748b;background:#f8fafc;border:1px solid #e1e4e8;border-radius:6px;flex:0 0 60px;place-items:center;width:60px;height:60px;display:grid}.demo-workflow-product>div{min-width:0}.demo-workflow-product strong{color:#292724;overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.4;display:block}.demo-workflow-product code{color:#766f67;overflow-wrap:anywhere;margin-top:4px;font-size:9px;display:block}.demo-workflow-product small{color:#766f67;margin-top:4px;font-size:11px;display:block}.demo-workflow-product small b{color:#4c4842;font-weight:500}.demo-workflow-stock{color:#766f67;background:#faf9f7;border-radius:5px;align-items:center;gap:8px;padding:9px;font-size:10px;display:flex}.demo-workflow-stock b{color:#292724;margin-left:3px;font-size:12px;font-weight:600}.demo-workflow-stock>svg{flex-shrink:0}.demo-workflow .demo-workflow-invalid{color:#a1483f}.demo-workflow .demo-workflow-stock-warning{color:#a1483f;margin:-5px 0 0;font-size:11px;line-height:1.4}.demo-workflow-detail-empty{min-height:151px}.demo-workflow-total{border-top:1px solid #e6e2dc;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;display:flex}.demo-workflow-total span{color:#4c4842;font-size:12px;font-weight:500;display:block}.demo-workflow-total small{color:#766f67;margin-top:3px;font-size:10px;display:block}.demo-workflow-total>strong{color:#292724;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:21px;font-weight:600;line-height:1.2}.demo-workflow-submit{width:100%;margin-top:-4px;font-size:12px}.demo-workflow .demo-workflow-caption{color:#766f67;text-align:center;margin:-5px 0 0;font-size:10px;line-height:1.5}.demo-workflow-feedback{border:1px solid;border-radius:6px;grid-column:1/-1;align-items:flex-start;gap:7px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.demo-workflow-feedback>svg{flex-shrink:0;margin-top:1px}.demo-workflow-feedback.success{color:#366944;background:#f2f8f4;border-color:#cbe1d1}.demo-workflow-feedback.error{color:#a1483f;background:#fbf1ef;border-color:#e8c9c5}@media (max-width:1080px){.demo-workflow{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:10px}.demo-workflow-card{gap:10px;padding:11px}.demo-workflow-scan-form>button{padding-inline:8px}.demo-workflow-scan-form>button>svg{display:none}}@media (max-width:920px) and (min-width:761px){.demo-workflow{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){.demo-workflow{grid-template-columns:minmax(0,1fr)}.demo-workflow-card{padding:12px}.demo-workflow-scan-form>button>svg{display:block}.demo-workflow-detail-empty{min-height:115px}.demo-workflow-submit{height:38px}}@media (max-width:380px){.demo-workflow-scan-form{flex-wrap:wrap}.demo-workflow-scan-form>input{flex-basis:100%;width:100%}.demo-workflow-scan-form>button{width:100%}.demo-workflow-row-fields{grid-template-columns:58px minmax(65px,1fr) minmax(65px,1fr);gap:6px}.demo-workflow-total>strong{font-size:19px}}