@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-lg: .5rem;--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}:root{--ink: #2f3a42;--ink-soft: #46535c;--muted: #6f7b84;--muted-2: #87929a;--heading: #2b3338;--line: #dde3e8;--line-soft: #e9edf0;--bg: #f4f6f8;--surface: #fff;--surface-alt: #eef3f6;--border: #dde3e8;--primary: #3f8fc2;--primary-hover: #377eab;--primary-active: #2f6b92;--accent: #3a86b8;--primary-light: #93bfdc;--primary-line: #cfe3f0;--primary-soft: #ecf4f9;--secondary: var(--accent);--action: #f39a3c;--action-hover: #df8e37;--action-active: #c77e31;--act-save: #1f8a55;--act-new: var(--primary);--act-edit: #c98210;--act-delete: #c74343;--act-close: #5f6f80;--act-clear: #8a6d3b;--act-print: #7b4fc4;--act-search: #0e8fa3;--act-export: #4f5bd5;--act-send: #d0457a;--danger: #c74343;--danger-line: #f0d2d2;--danger-bg: #fdf4f4;--success: #21875a;--success-bg: #e8f4ee;--warning: #d89414;--warning-bg: #fdf1de;--info: #2878ae;--text-primary: #17242f;--text-secondary: #667786;--text-on-primary: #fff;--sidebar-bg: #33729c;--sidebar-hover: #4780a6;--sidebar-active: #295b7d;--header-bg: linear-gradient(90deg, #4a95c4, #6eaad0);--page-header-bg: #ecf4f9f5;--shadow: 0 4px 14px rgba(23, 55, 83, .12);--radius: 9px;--radius-lg: 13px}.ds-page{min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}.ds-page *{box-sizing:border-box}.page-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 28px;background:var(--page-header-bg);border-bottom:1px solid var(--line);border-radius:9px;box-shadow:0 4px 18px #1723380a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.eyebrow,.panel-kicker{color:#758195;font-size:10px;font-weight:800;letter-spacing:.12em}.title-row{display:flex;align-items:center;gap:12px;margin-top:3px}.title-block h1{margin:0;font-size:25px;line-height:1.2;letter-spacing:-.02em}.title-block p{margin:5px 0 0;color:var(--muted);font-size:13px}.mode-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:var(--success-bg);color:var(--success);font-size:11px;font-weight:800}.mode-badge.edit-mode{background:var(--warning-bg);color:var(--warning)}.mode-badge[data-status=O]{background:var(--primary-soft);color:var(--secondary)}.mode-badge[data-status=A]{background:var(--success-bg);color:var(--success)}.mode-badge[data-status=C]{background:#eef1f5;color:#52606f}.cancelled-stamp{display:inline-flex;align-items:center;padding:4px 10px;border:1.5px solid #b91c1c;border-radius:4px;color:#b91c1c;font-size:11px;font-weight:800;letter-spacing:.04em}.header-actions,.bottom-actions{display:flex;align-items:center;gap:9px}.keyboard-hint{font-size:10px;color:#758890;font-weight:750;background:#f5f8f9;border:1px solid #e0e8ea;border-radius:8px;padding:6px 9px;white-space:nowrap}.btn{min-height:39px;border:1px solid #d8dee7;border-radius:var(--radius);padding:0 14px;background:var(--surface);color:var(--heading);font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:.18s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #1f314d14}.btn:disabled{opacity:.52;cursor:not-allowed}.btn-primary{background:var(--action);border-color:var(--action);color:#fff;box-shadow:0 5px 12px var(--action)}@supports (color: color-mix(in lab,red,red)){.btn-primary{box-shadow:0 5px 12px color-mix(in srgb,var(--action) 25%,transparent)}}.btn-primary:hover:not(:disabled){background:var(--action-hover);border-color:var(--action-hover)}.btn-primary:active:not(:disabled){background:var(--action-active);border-color:var(--action-active)}.btn-light{background:var(--surface)}.btn-danger-soft{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger)}.btn-icon{margin-right:4px;font-size:15px}.btn.large{min-width:150px;min-height:44px}.btn.small{min-height:32px;padding:0 10px;font-size:11px}[data-action=save]{--act: var(--act-save)}[data-action=new]{--act: var(--act-new)}[data-action=edit]{--act: var(--act-edit)}[data-action=delete]{--act: var(--act-delete)}[data-action=close]{--act: var(--act-close)}[data-action=clear]{--act: var(--act-clear)}[data-action=print]{--act: var(--act-print)}[data-action=search]{--act: var(--act-search)}[data-action=export]{--act: var(--act-export)}[data-action=send]{--act: var(--act-send)}button.btn[data-action],a.btn[data-action]{background:var(--act);border-color:var(--act);color:#fff;box-shadow:0 4px 10px var(--act)}@supports (color: color-mix(in lab,red,red)){button.btn[data-action],a.btn[data-action]{box-shadow:0 4px 10px color-mix(in srgb,var(--act) 22%,transparent)}}button.btn[data-action]:hover:not(:disabled),a.btn[data-action]:hover{background:var(--act);border-color:var(--act)}@supports (color: color-mix(in lab,red,red)){button.btn[data-action]:hover:not(:disabled),a.btn[data-action]:hover{background:color-mix(in srgb,var(--act) 86%,#000)}}@supports (color: color-mix(in lab,red,red)){button.btn[data-action]:hover:not(:disabled),a.btn[data-action]:hover{border-color:color-mix(in srgb,var(--act) 86%,#000)}}button.btn[data-action]:active:not(:disabled){background:var(--act)}@supports (color: color-mix(in lab,red,red)){button.btn[data-action]:active:not(:disabled){background:color-mix(in srgb,var(--act) 74%,#000)}}button.btn:is([data-action=close],[data-action=clear]),a.btn:is([data-action=close],[data-action=clear]){background:var(--surface);color:var(--act);border-color:var(--act);box-shadow:none}@supports (color: color-mix(in lab,red,red)){button.btn:is([data-action=close],[data-action=clear]),a.btn:is([data-action=close],[data-action=clear]){border-color:color-mix(in srgb,var(--act) 45%,#fff)}}button.btn:is([data-action=close],[data-action=clear]):hover:not(:disabled){background:var(--act);border-color:var(--act)}@supports (color: color-mix(in lab,red,red)){button.btn:is([data-action=close],[data-action=clear]):hover:not(:disabled){background:color-mix(in srgb,var(--act) 10%,#fff)}}.toast{display:flex;align-items:center;gap:9px;margin:14px 28px 0;padding:10px 13px;border:1px solid #cfe6da;border-radius:var(--radius);background:var(--success-bg);color:var(--success);font-size:12px;font-weight:650}.toast.error{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger)}.toast.warning{border-color:var(--warning-bg);background:var(--warning-bg);color:var(--warning)}.toast-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.workspace{display:grid;grid-template-columns:286px minmax(0,1fr);gap:18px;padding:18px 28px 34px;max-width:1800px;margin:0 auto}.workspace.no-side-panel{grid-template-columns:minmax(0,1fr)}.side-panel{position:sticky;top:96px;align-self:start;overflow:hidden;background:var(--surface);border:1px solid #e2e7ee;border-radius:var(--radius-lg);box-shadow:0 8px 24px #1b2a420b}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 12px;border-bottom:1px solid var(--line-soft)}.panel-heading h2{margin:2px 0 0;font-size:15px}.count-badge{min-width:26px;padding:4px 7px;border-radius:7px;background:var(--primary-soft);color:var(--primary);text-align:center;font-size:11px;font-weight:800}.search-box{display:flex;align-items:center;gap:7px;padding:11px 12px;background:#fafbfd;border-bottom:1px solid var(--line-soft)}.search-icon{color:#8a96a8;font-size:19px}.search-box input{flex:1;min-width:0;height:36px;padding:0 9px;border:1px solid #dce2ea;border-radius:8px;background:#fff;outline:none;font-size:11px}.search-box input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px var(--accent)}@supports (color: color-mix(in lab,red,red)){.search-box input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}}.empty-list{padding:28px 16px;color:#8a94a4;text-align:center;font-size:12px}.product-list{max-height:calc(100vh - 210px);overflow:auto}.product-row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 8px;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid #f0f2f5;padding:11px 13px;background:var(--surface);color:inherit;text-align:left;cursor:pointer;transition:.15s ease}.product-row:hover{background:#f8fafc}.product-row.selected{background:var(--primary-soft);box-shadow:inset 3px 0 var(--primary)}.product-row.highlighted{background:#fff6e0;outline:1px solid #e0b949;outline-offset:-1px}.product-row.highlighted.selected{background:var(--primary-soft);box-shadow:inset 3px 0 var(--primary);outline:1px solid #e0b949;outline-offset:-1px}.product-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius);background:var(--primary-soft);color:var(--heading);font-size:12px;font-weight:850}.product-row.selected .product-avatar{background:var(--primary-line);color:var(--primary)}.product-meta{min-width:0;display:flex;flex-direction:column}.product-meta strong{overflow:hidden;color:var(--heading);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.product-meta span{overflow:hidden;margin-top:3px;color:#7d8796;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:#37a67e}.status-dot.inactive{background:#c7cdd5}.form-area{min-width:0}.form-area form,form.ds-form{display:grid;gap:14px}.summary-card,.form-card{border-radius:var(--radius-lg)}.summary-card{background:var(--surface);border:1px solid #e2e7ee;box-shadow:0 8px 24px #1b2a420a;display:flex;align-items:center;gap:13px;padding:14px 17px}.summary-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--primary-soft);color:var(--primary);font-size:13px;font-weight:900}.summary-copy{min-width:0;display:flex;flex:1;flex-direction:column}.summary-copy span{color:var(--muted-2);font-size:9px;font-weight:850;letter-spacing:.09em}.summary-copy strong{margin-top:2px;font-size:15px}.summary-copy small{margin-top:2px;color:#7b8697;font-size:10.5px}.form-card{padding:17px 17px 17px 19px;background:linear-gradient(145deg,var(--primary-soft) 0%,#f8fafc 55%);border:1px solid var(--primary-line);border-left:2px solid var(--primary);box-shadow:0 10px 28px #1737531a}.section-heading{display:flex;align-items:center;gap:11px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}.section-heading.compact{margin-bottom:13px}.section-icon{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:8px;background:var(--primary-soft);color:var(--accent);font-size:10px;font-weight:900}.section-heading h2{margin:0;color:var(--heading);font-size:14px;font-weight:800;letter-spacing:-.01em}.section-heading p{margin:3px 0 0;color:var(--muted-2);font-size:10.5px}.section-tag{margin-left:auto;padding:4px 8px;border:1px solid var(--primary-line);border-radius:6px;background:#f3f8fe;color:var(--accent);font-size:10px;font-weight:850}.section-tag.tag-danger{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger)}.section-heading-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.section-heading-actions .section-tag{margin-left:0}.section-toggle{flex:0 0 auto;width:26px;height:26px;border:1px solid #d9e0e8;border-radius:7px;background:#fff;color:#52606f;font-size:15px;font-weight:800;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.15s ease}.section-toggle:hover{background:var(--primary-soft);border-color:#c6d0da}.section-heading.c1{border-bottom-color:var(--primary-line)}.section-heading.c1 .section-icon{background:var(--secondary);color:#fff}.section-heading.c2{border-bottom-color:var(--primary-light)}.section-heading.c2 .section-icon{background:var(--accent);color:#fff}.section-heading.c3{border-bottom-color:#f3dba8}.section-heading.c3 .section-icon{background:var(--warning);color:#fff}.section-heading.c4{border-bottom-color:#d9c6ec}.section-heading.c4 .section-icon{background:#8355b3;color:#fff}.section-heading.c5{border-bottom-color:#f0c3d6}.section-heading.c5 .section-icon{background:#c1487e;color:#fff}.form-grid{display:grid;gap:12px 13px}.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.span-all{grid-column:1 / -1}.form-grid.four-cols,.form-grid.three-cols{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));container-type:inline-size}.form-grid.four-cols>*,.form-grid.three-cols>*{grid-column:span 3}.form-grid.four-cols>:where(:is(.field,label):has(>input:is([type=date],[type=time],[type=datetime-local],[type=month],[type=number],[type=checkbox],[readonly],:disabled),>div>input:is([type=number],[readonly],:disabled)),.toggle-option),.form-grid.three-cols>:where(:is(.field,label):has(>input:is([type=date],[type=time],[type=datetime-local],[type=month],[type=number],[type=checkbox],[readonly],:disabled),>div>input:is([type=number],[readonly],:disabled)),.toggle-option){grid-column:span 2}.form-grid.four-cols>:where(:has(app-transaction-lookup,app-lookup,app-purchase-lookup,textarea,input[type=email])),.form-grid.three-cols>:where(:has(app-transaction-lookup,app-lookup,app-purchase-lookup,textarea,input[type=email])){grid-column:span 4}.form-grid.four-cols>.compact,.form-grid.three-cols>.compact{grid-column:span 2}.form-grid.four-cols>.wide,.form-grid.three-cols>.wide{grid-column:span 4}.form-grid.four-cols>.span-2,.form-grid.three-cols>.span-2{grid-column:span 6}.form-grid.four-cols>.span-3,.form-grid.three-cols>.span-3{grid-column:span 9}.form-grid.four-cols>.span-all,.form-grid.three-cols>.span-all{grid-column:1 / -1}@container (max-width: 900px){.form-grid.four-cols>:is(.span-2,.span-3),.form-grid.three-cols>:is(.span-2,.span-3){grid-column:1 / -1}}@container (max-width: 520px){.form-grid.four-cols>*,.form-grid.three-cols>*{grid-column:1 / -1!important}}.field{display:flex;min-width:0;flex-direction:column;gap:5px;color:var(--ink-soft);font-size:10.5px;font-weight:720}.field>span b{color:#c6534c}.field input,.field select,.field textarea{width:100%;border:1px solid #d7dee8;border-radius:8px;background:#fff;color:var(--heading);outline:none;font:inherit;font-size:11.5px;font-weight:520;transition:.16s ease}.field input,.field select{height:38px;padding:0 10px}.field textarea{min-height:88px;padding:10px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#a3acba}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 3px var(--accent)}@supports (color: color-mix(in lab,red,red)){.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}}.field input:disabled,.field select:disabled{background:#f2f4f7;color:#7d8795;cursor:not-allowed}.field input.invalid,.field select.invalid{border-color:#dc7770;background:snow}.validation{color:#b95650;font-size:9.5px;font-weight:650}.code-field input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:750;letter-spacing:.03em}.toggle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.toggle-option{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid #e4e8ee;border-radius:9px;background:#fbfcfd;cursor:pointer;transition:.15s ease}.toggle-option:hover{border-color:var(--primary-line);background:#f8fafc}.toggle-option input{display:none}.toggle-option>span:last-child{display:flex;min-width:0;flex-direction:column}.toggle-option strong{color:#435168;font-size:10.5px}.toggle-option small{overflow:hidden;margin-top:2px;color:#8c96a5;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.mini-switch{position:relative;width:29px;height:17px;border-radius:999px;background:#cdd4de;transition:.18s}.mini-switch:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000026;transition:.18s}.toggle-option input:checked+.mini-switch{background:var(--secondary)}.toggle-option input:checked+.mini-switch:after{transform:translate(12px)}.toggle-option.disabled{opacity:.5;pointer-events:none}.toggle-option.highlighted{outline:1px solid #e0b949;outline-offset:-1px;background:#fff6e0}.active-switch{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--ink-soft);font-size:11px;font-weight:800;cursor:pointer}.active-switch input{display:none}.switch-track{position:relative;width:35px;height:20px;border-radius:999px;background:#ccd3dd;transition:.18s}.switch-thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transition:.18s}.active-switch input:checked+.switch-track{background:var(--success)}.active-switch input:checked+.switch-track .switch-thumb{transform:translate(15px)}.form-tabs{display:flex;gap:6px;overflow:auto;padding:6px;background:var(--primary-soft);border:1px solid #dce7ea;border-radius:12px;position:sticky;top:0;z-index:4}.form-tabs button{border:0;background:transparent;padding:9px 14px;border-radius:8px;font-weight:700;color:#53656b;white-space:nowrap;cursor:pointer}.form-tabs button.active{background:#fff;color:var(--heading);box-shadow:0 1px 5px #142f391f}.tab-pane{display:none}.tab-pane.active{display:block}.accordion{background:#fff;border:1px solid #dfe8ea;border-radius:12px;margin-top:12px;overflow:hidden}.accordion>summary{cursor:pointer;list-style:none;padding:13px 16px;font-weight:800;color:var(--heading);background:#f8fbfc;display:flex;align-items:center;justify-content:space-between}.accordion>summary::-webkit-details-marker{display:none}.accordion>summary:after{content:"+";font-size:18px}.accordion[open]>summary:after{content:"\2212"}.accordion-body{padding:14px 16px;border-top:1px solid #e8eff1}.ds-grid-wrap{overflow-x:auto;border:1px solid #e2e7ee;border-radius:var(--radius-lg);background:var(--surface)}.ds-grid-wrap.scroll-fit{max-height:calc(100vh - 300px);overflow-y:auto}.ds-grid-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);background:#fbfcfd}.ds-grid-count{font-size:11px;font-weight:700;color:var(--muted)}.ds-grid-page-size{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:var(--muted)}.ds-grid-page-size select{height:28px;padding:0 8px;border:1px solid #dce2ea;border-radius:6px;background:#fff;font:inherit;font-size:11px;font-weight:650;color:var(--ink);outline:none;cursor:pointer}.ds-grid-page-size select:focus{border-color:var(--secondary);box-shadow:0 0 0 3px var(--accent)}@supports (color: color-mix(in lab,red,red)){.ds-grid-page-size select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}}.ds-grid-nav{display:flex;align-items:center;gap:6px}.ds-grid-nav-info{font-size:11px;font-weight:700;color:var(--muted);margin-right:4px;white-space:nowrap}.ds-grid-nav button.btn.small:disabled{opacity:.4}.ds-grid{width:100%;min-width:640px;border-collapse:collapse;font-size:11.5px}.ds-grid thead th{position:sticky;top:0;z-index:1;padding:10px 12px;background:#f7f9fc;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.04em;text-align:left;white-space:nowrap}.ds-grid thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.ds-grid thead th.sortable:hover{color:var(--ink)}.ds-grid thead th .sort-arrow{margin-left:4px;opacity:.5}.ds-grid thead th.align-right,.ds-grid td.align-right{text-align:right}.ds-grid tbody td{padding:9px 12px;border-bottom:1px solid var(--line-soft);color:var(--heading);white-space:nowrap}.ds-grid .select-col{width:34px;min-width:34px;text-align:center;padding-left:8px;padding-right:8px}.ds-grid tbody tr:last-child td{border-bottom:0}.ds-grid tbody tr:hover{background:#f8fafc}.ds-grid tbody tr.clickable{cursor:pointer}.ds-grid tbody tr.selected{background:var(--primary-soft)}.ds-grid tbody tr.row-warning{background:#fdecec}.ds-grid tbody tr.row-done{background:#edf7f2}.ds-grid tbody tr.row-error{background:#fdecec}.ds-grid tbody tr.row-locked{opacity:.55}.ds-grid tbody tr.row-has-voucher{background:#e3f6e8}.ds-grid tbody tr.row-exp-short{background:#f1f1f1}.ds-grid tbody tr.row-exp-4-6{background:#eaf7ee}.ds-grid tbody tr.row-exp-6-9{background:#f5f2df}.ds-grid tbody tr.row-exp-9-12{background:#fdf8de}.ds-grid tbody tr.row-exp-long{background:var(--primary-soft)}.ds-grid tbody td.cell-clickable{color:var(--secondary);font-weight:700;cursor:pointer}.ds-grid tbody td.cell-clickable:hover{text-decoration:underline}.totals-strip{display:flex;gap:22px;margin-bottom:14px;padding:12px 16px;border:1px solid #e2e7ee;border-radius:var(--radius-lg);background:#f7f9fc}.totals-strip span{display:flex;flex-direction:column;gap:3px}.totals-strip small{color:var(--muted-2);font-size:9px;font-weight:850;letter-spacing:.09em}.totals-strip strong{font-size:14px}.ds-grid .grid-empty,.ds-grid .grid-loading{padding:26px 16px;color:#8a94a4;text-align:center;font-size:12px}.ds-grid.resizable{table-layout:fixed}.ds-grid.resizable th,.ds-grid.resizable td{overflow:hidden;text-overflow:ellipsis}.ds-grid .th-label{pointer-events:none}.ds-grid .col-resize-handle{position:absolute;top:0;right:-3px;width:7px;height:100%;cursor:col-resize;z-index:2}.ds-grid .col-resize-handle:hover,.ds-grid .col-resize-handle:active{background:var(--accent)}@supports (color: color-mix(in lab,red,red)){.ds-grid .col-resize-handle:hover,.ds-grid .col-resize-handle:active{background:color-mix(in srgb,var(--accent) 18%,transparent)}}.ds-grid .filter-row th{padding:6px 8px;background:#fbfcfd;border-bottom:1px solid var(--line)}.ds-grid .col-filter-input{width:100%;height:26px;padding:0 8px;border:1px solid #dce2ea;border-radius:6px;background:#fff;font-size:10.5px;font-weight:520;outline:none}.ds-grid .col-filter-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px var(--accent)}@supports (color: color-mix(in lab,red,red)){.ds-grid .col-filter-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}}.ds-grid .col-edit-input{width:100%;height:28px;padding:0 8px;border:1px solid #dce2ea;border-radius:6px;background:#fff;font-size:11.5px;font-weight:600;text-align:right;outline:none}.ds-grid .col-edit-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px var(--accent)}@supports (color: color-mix(in lab,red,red)){.ds-grid .col-edit-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.status-pill{display:inline-flex;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.03em;background:#eef1f5;color:#52606f}.status-pill:empty{display:none}.status-pill[data-status=PDC]{background:var(--warning-bg);color:var(--warning)}.status-pill[data-status=CDC]{background:var(--primary-soft);color:var(--secondary)}.status-pill[data-status=Posted]{background:var(--success-bg);color:var(--success)}.status-pill[data-status=Returned],.status-pill[data-status=DisHonored]{background:var(--danger-bg);color:var(--danger)}.status-pill[data-status=Pending]{background:var(--warning-bg);color:var(--warning)}.status-pill[data-status=Approved]{background:var(--success-bg);color:var(--success)}.status-pill[data-status=Rejected]{background:var(--danger-bg);color:var(--danger)}.status-pill[data-status=A]{background:var(--success-bg);color:var(--success)}.status-pill[data-status=B]{background:var(--warning-bg);color:var(--warning)}.status-pill[data-status=C]{background:var(--danger-bg);color:var(--danger)}.status-pill[data-status=Success]{background:var(--success-bg);color:var(--success)}.status-pill[data-status=Failed]{background:var(--danger-bg);color:var(--danger)}.status-pill[data-status=NoLines]{background:var(--warning-bg);color:var(--warning)}.status-pill[data-status=Converted]{background:var(--primary-soft);color:var(--secondary)}.status-pill[data-status=Invoiced]{background:var(--success-bg);color:var(--success)}.status-pill[data-status=NoStock]{background:var(--danger-bg);color:var(--danger)}.status-pill[data-status=active]{background:var(--success-bg);color:var(--success)}.status-pill[data-status=inactive]{background:var(--danger-bg);color:var(--danger)}.status-pill[data-status=Completed]{background:var(--success-bg);color:var(--success)}.status-pill[data-status=NotStarted]{background:#eef1f5;color:#52606f}.status-pill[data-status=NotPrinted]{background:var(--danger-bg);color:var(--danger)}.status-pill[data-status=PrintedPendingConfirm]{background:var(--warning-bg);color:var(--warning)}.status-pill[data-status=Confirmed]{background:var(--success-bg);color:var(--success)}.grid-superscript-flag{color:var(--danger);font-weight:800;margin-left:2px}@media(max-width:1320px){.four-cols:not(.form-grid){grid-template-columns:repeat(3,minmax(0,1fr))}.toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1050px){.page-header{position:static;align-items:flex-start;flex-direction:column}.workspace{grid-template-columns:1fr}.side-panel{position:static}.four-cols:not(.form-grid),.three-cols:not(.form-grid){grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.page-header,.workspace{padding-left:13px;padding-right:13px}.header-actions{width:100%;flex-wrap:wrap}.header-actions .btn-primary{flex:1}.toast{margin-left:13px;margin-right:13px}.summary-card{align-items:flex-start;flex-wrap:wrap}.four-cols:not(.form-grid),.three-cols:not(.form-grid),.two-cols{grid-template-columns:1fr}.span-2{grid-column:auto}.toggle-grid{grid-template-columns:1fr}.bottom-actions .btn{flex:1}}.ds-dialog-backdrop{position:fixed;inset:0;z-index:2147483001;display:grid;place-items:center;background:#0f172a73;padding:20px}.ds-dialog{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0f172a40;padding:20px 22px}.ds-dialog h3{margin:0 0 8px;font-size:15px;color:var(--ink)}.ds-dialog p{margin:0 0 18px;font-size:12.5px;color:var(--ink-soft);line-height:1.5;white-space:pre-line}.ds-dialog-actions{display:flex;justify-content:flex-end;gap:8px}@media print{.side-panel,.page-header .header-actions{display:none!important}.workspace{grid-template-columns:1fr!important}.ds-page{padding:0!important}}.status-pill[data-status=Review]{background:#f3e8ff;color:#7a3fb0}.status-pill[data-status=Queued]{background:#eef1f5;color:#52606f}.status-pill[data-status=Sent]{background:var(--primary-soft);color:var(--secondary)}.status-pill[data-status=Processing]{background:var(--warning-bg);color:var(--warning)}.status-pill[data-status=Succeeded]{background:var(--success-bg);color:var(--success)}.status-pill[data-status=Cancelled]{background:#eef1f5;color:#8a94a3}.ds-grid tbody tr.selected-row,.ds-grid tbody tr.selected-row:hover{background:var(--primary-soft)}.code-block{margin:0;padding:12px;max-height:420px;overflow:auto;border:1px solid #e2e7ee;border-radius:10px;background:#f7f9fc;color:var(--heading, #1b2a42);font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;tab-size:2}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: block))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}