:root{--pipeline-card-width:240px;--pipeline-track-height:330px;--pipeline-heading:18px;--pipeline-card-title:16px;--pipeline-switch-width:36px;--pipeline-switch-height:20px;--pipeline-switch-knob:16px;--pipeline-switch-inset:2px;--pipeline-switch-travel:16px;--pipeline-success:#d3f4d3;--pipeline-success-ink:#24442d;--pipeline-switch-off:#a4a8aa}
.pipeline-catalog .pipeline-section{background:var(--surface);border-bottom:var(--border) solid var(--line);margin-bottom:var(--space-6);padding:var(--space-6) 0}.pipeline-section>header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);gap:var(--space-4)}.pipeline-section h2{font-size:var(--pipeline-heading)}.pipeline-stage-track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;min-height:var(--pipeline-track-height);padding:var(--space-6) 0;scroll-snap-type:x proximity}.pipeline-stage-card{flex:0 0 var(--pipeline-card-width);min-width:0;padding:0 var(--space-6);scroll-snap-align:start}.pipeline-stage-card h3{font-size:var(--pipeline-card-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 var(--space-2)}.pipeline-stage-card p{font-size:var(--font-sm);margin:0 0 var(--space-6)}.pipeline-stage-status{display:inline-block;background:var(--pipeline-success);color:var(--pipeline-success-ink);padding:var(--space-1);font-weight:600;font-size:var(--font-sm);margin-bottom:var(--space-4)}.pipeline-cooling-switch{display:flex;gap:var(--space-4);align-items:flex-start;font-weight:600;font-size:var(--pipeline-card-title);line-height:var(--sales-label-line)}.pipeline-cooling-switch input{appearance:none;flex:none;width:var(--pipeline-switch-width);height:var(--pipeline-switch-height);border:0;border-radius:var(--pipeline-switch-height);background:var(--pipeline-switch-off);position:relative;cursor:pointer;margin-top:var(--space-1)}.pipeline-cooling-switch input:before{content:'';position:absolute;width:var(--pipeline-switch-knob);height:var(--pipeline-switch-knob);top:var(--pipeline-switch-inset);left:var(--pipeline-switch-inset);border-radius:50%;background:var(--surface)}.pipeline-cooling-switch input:checked{background:var(--accent)}.pipeline-cooling-switch input:checked:before{transform:translateX(var(--pipeline-switch-travel))}.pipeline-stage-card>small{display:block;margin-top:var(--space-2);color:var(--muted)}.pipeline-stage-card .pipeline-configure{color:var(--accent);padding:var(--space-2) 0;margin-top:var(--space-3);font-size:var(--font-sm);white-space:nowrap}.pipeline-stage-controls{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.pipeline-stage-controls button:last-child{margin-left:auto}.pipeline-stage-add{flex:0 0 var(--pipeline-card-width);display:flex;align-items:flex-start;padding:0 var(--space-6)}.pipeline-stage-track:focus-visible,.pipeline-cooling-switch input:focus-visible{outline:var(--space-1) solid var(--accent);outline-offset:var(--space-1)}

.pipeline-title{display:flex;align-items:center;min-width:0;gap:var(--space-1)}.pipeline-title h2,.pipeline-title h3{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.pipeline-title .pipeline-rename{flex:none;opacity:0;width:var(--space-6);min-height:var(--space-6);height:var(--space-6);padding:0}.pipeline-title:hover .pipeline-rename,.pipeline-title:focus-within .pipeline-rename{opacity:1}.pipeline-rename-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);width:100%}.pipeline-rename-form input{flex:1;min-width:0;width:0}.pipeline-rename-form .formerror{flex-basis:100%;font-size:var(--font-sm)}.pipeline-rename-form button{padding:var(--space-1);width:var(--space-6);min-height:var(--space-8)}

.pipeline-handoff-summary{padding:var(--space-3) var(--space-6)}.pipeline-handoff-summary>small{display:block;margin:var(--space-1) 0;color:var(--muted)}.pipeline-handoff-summary>details{margin-top:var(--space-3)}.pipeline-handoff-summary summary{cursor:pointer}.handoff-results{display:grid;gap:var(--space-3);margin:var(--space-3) 0}.handoff-results article{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-3);border:var(--border) solid var(--line);border-radius:var(--radius-sm)}.handoff-results p{flex-basis:100%;color:var(--danger)}.handoff-results strong{overflow-wrap:anywhere}.handoff-results span{color:var(--muted)}
:root{--pipeline-visibility-width:400px}.pipeline-visibility-summary{padding:var(--space-2) var(--space-6);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.pipeline-visibility-summary small{color:var(--muted)}#modal:has(#pipeline-visibility-form){position:fixed;inset:0 0 0 auto;margin:0;width:var(--pipeline-visibility-width);max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:0;border:0;overflow:hidden}#pipeline-visibility-form{height:100%;display:flex;flex-direction:column}#pipeline-visibility-form .modalhead,#pipeline-visibility-form .modalfoot{flex:none;padding:var(--space-6);border-bottom:var(--border) solid var(--line)}#pipeline-visibility-form .modalbody{flex:1;overflow:auto;padding:var(--space-6)}#pipeline-visibility-form .modalfoot{border-top:var(--border) solid var(--line);border-bottom:0}#pipeline-visibility-form .field{margin-bottom:var(--space-5)}.pipeline-team-choices:not([hidden]){display:grid;gap:var(--space-3);margin-top:var(--space-4)}.pipeline-visibility-notice{margin:var(--space-4) 0;padding:var(--space-6);border:var(--border) solid var(--line);border-left:var(--space-2) solid var(--accent);border-radius:var(--radius-sm)}.pipeline-visibility-notice h3{margin:0 0 var(--space-3)}.pipeline-visibility-notice p{margin:0}#modal:has(#pipeline-visibility-form)::backdrop{background:var(--sales-backdrop);backdrop-filter:none}
:root{--pipeline-options-width:220px;--pipeline-options-font:24px}.pipeline-options{position:relative;flex:none}.pipeline-options>summary{list-style:none;cursor:pointer;font-size:var(--pipeline-options-font);line-height:1;padding:var(--space-2);border-radius:var(--radius-sm)}.pipeline-options>summary::-webkit-details-marker{display:none}.pipeline-options>summary:focus-visible{outline:var(--border) solid var(--accent)}.pipeline-options>[role=menu]{position:absolute;right:0;top:100%;z-index:10;min-width:var(--pipeline-options-width);display:grid;background:var(--surface);border:var(--border) solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:var(--space-1)}.pipeline-options [role=menuitem]{text-align:left;border:0;border-radius:0;padding:var(--space-3);background:var(--surface)}.pipeline-options [role=menuitem]:hover{background:var(--bg)}
:root{--pipeline-team-list-height:260px}#pipeline-visibility-form{font-size:var(--sales-text)}#pipeline-visibility-form h2,#pipeline-visibility-form h3{font-size:var(--stage-panel-heading)}#pipeline-visibility-form input:disabled{background:var(--bg);border-color:var(--bg);border-radius:var(--radius)}.pipeline-team-label{display:block;font-weight:600;margin-bottom:var(--space-2)}.pipeline-team-select{position:relative}.pipeline-team-select>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);min-height:var(--control);border:var(--border) solid var(--input);border-radius:var(--radius-sm)}.pipeline-team-select>summary::-webkit-details-marker{display:none}.pipeline-team-select>summary span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-team-select>.member-picker{position:absolute;z-index:2;top:100%;left:0;right:0;background:var(--surface);max-height:var(--pipeline-team-list-height);overflow:auto;box-shadow:var(--shadow)}.pipeline-team-select summary:focus-visible{outline:var(--focus) solid var(--accent)}#pipeline-visibility-form .modalfoot>button:first-child{background:var(--accent-soft);color:var(--accent)}
.pipeline-preferences>header{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-12)}.pipeline-preferences>header>a{font-size:var(--font-xl)}.pipeline-preferences h1{margin-top:var(--space-3)}.pipeline-preference-empty{border:var(--border) solid var(--line);border-left:var(--space-2) solid var(--danger);border-radius:var(--radius-sm);padding:var(--space-6);margin:var(--space-10) 0 var(--space-8)}.pipeline-preference-empty h2{margin-bottom:var(--space-4)}.pipeline-preference-toolbar{display:flex;gap:var(--space-2);align-items:center;margin:var(--space-5) 0}.pipeline-preference-toolbar .field{flex:1;margin:0}.pipeline-preference-toolbar select{flex:1;min-width:0}.pipeline-preferences td{vertical-align:middle}.pipeline-preferences>section>footer{display:flex;gap:var(--space-4);align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:var(--space-5)}.pipeline-preferences>section>footer>label{margin-right:auto}.pipeline-preferences table th button{justify-content:flex-start;padding-left:0}.pipeline-preferences .actions{margin-bottom:var(--space-4)}

.pipeline-preference-toolbar .sr-only{position:absolute;width:var(--border);height:var(--border);overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pipeline-preferences{font-size:var(--sales-text)}

:root{--product-search-width:300px;--product-table-min:600px;--product-name-width:22%;--product-description-width:30%;--product-value-width:18%;--product-toggle-width:24%}
.product-catalog{font-size:var(--sales-text)}.product-catalog>header{display:flex;gap:var(--space-6);align-items:center;margin-bottom:var(--space-10)}.product-catalog>header>a{font-size:var(--font-xl)}.product-catalog h1{margin:0;flex:1}.product-catalog .actions{flex-wrap:wrap}.product-import{background:var(--accent-soft);color:var(--accent);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-weight:600}#product-catalog-search{display:flex;width:var(--product-search-width);max-width:100%;margin-bottom:var(--space-5)}#product-catalog-search input{min-width:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}#product-catalog-search button{border-left:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.product-catalog th:first-child{width:var(--product-name-width)}.product-catalog th:nth-child(2){width:var(--product-description-width)}.product-catalog th:nth-child(3){width:var(--product-value-width)}.product-catalog th:nth-child(4){width:var(--product-toggle-width)}.product-catalog td{padding-top:var(--space-5);padding-bottom:var(--space-5);vertical-align:middle}.product-catalog td:nth-child(4){text-align:center}.product-catalog td:nth-child(4) label{justify-content:center}.product-catalog>footer{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-6)}.product-catalog footer nav{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.product-catalog footer select{width:auto}.product-catalog .tablewrap{overflow:visible}.product-catalog table{table-layout:fixed}.product-catalog td{overflow-wrap:anywhere}.product-catalog .pipeline-options>[role=menu]{z-index:20}
#modal:has(#record-form[data-kind="products"]){left:auto;right:0;top:0;bottom:0;margin:0;width:min(100vw,var(--pipeline-visibility-width));height:100dvh;max-height:100dvh;border-radius:0;padding:0;border:0;overflow:hidden}#record-form[data-kind="products"]{height:100%;display:flex;flex-direction:column;font-size:var(--sales-text)}#record-form[data-kind="products"] .modalhead,#record-form[data-kind="products"] .modalfoot{flex:none;padding:var(--space-6);border-bottom:var(--border) solid var(--line)}#record-form[data-kind="products"] .modalbody{flex:1;overflow:auto;padding:var(--space-6)}#record-form[data-kind="products"] .modalfoot{border-top:var(--border) solid var(--line)}#record-form[data-kind="products"] .formgrid{display:block}#record-form[data-kind="products"] .field{margin-bottom:var(--space-5)}#modal:has(#record-form[data-kind="products"])::backdrop{background:var(--sales-backdrop);backdrop-filter:none}
@media(max-width:700px){.product-catalog>header{flex-wrap:wrap}.product-catalog>header .actions{width:100%}.product-catalog .tablewrap{overflow:auto}.product-catalog table{min-width:var(--product-table-min)}}

.pipeline-stage-card[data-stage-reorder="true"]{cursor:grab;touch-action:pan-y;user-select:none}.pipeline-stage-card.stage-dragging{opacity:.5}.pipeline-stage-card.stage-drop-before{box-shadow:inset var(--space-1) 0 var(--accent)}.pipeline-stage-card.stage-drop-after{box-shadow:inset calc(-1 * var(--space-1)) 0 var(--accent)}

:root{--product-heading:28px;--product-header-font:12px;--product-switch-width:48px;--product-switch-height:24px;--product-switch-knob:20px;--product-switch-travel:24px;--product-switch-active:hsl(var(--brand-h) 100% 44.5%)}
.product-catalog h1{font-size:var(--product-heading)}.product-catalog .tablewrap{border:0;border-radius:0}.product-catalog th{background:var(--surface);text-transform:uppercase;font-size:var(--product-header-font);border-bottom:var(--border) solid var(--line)}.product-catalog td,.product-catalog td .textbutton{font-size:var(--sales-text)}.product-catalog .pipeline-cooling-switch{--pipeline-switch-width:var(--product-switch-width);--pipeline-switch-height:var(--product-switch-height);--pipeline-switch-knob:var(--product-switch-knob);--pipeline-switch-travel:var(--product-switch-travel)}.product-catalog .pipeline-cooling-switch input:checked{background:var(--product-switch-active)}

:root{--pi-content-width:900px;--pi-drop-height:180px;--pi-step-size:28px}.product-import-wizard{font-size:var(--sales-text)}.product-import-wizard>header{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8)}.product-import-wizard>ol{display:flex;list-style:none;gap:var(--space-6);padding:0;flex-wrap:wrap;margin-bottom:var(--space-10);color:var(--muted)}.product-import-wizard>ol>li{display:flex;align-items:center;gap:var(--space-2)}.product-import-wizard>ol>li>span{border:var(--border) solid var(--line);border-radius:50%;width:var(--pi-step-size);height:var(--pi-step-size);display:grid;place-items:center}.product-import-wizard [aria-current=step]{color:var(--accent);font-weight:600}.product-import-body{max-width:var(--pi-content-width)}.product-import-body h2,.product-import-body p,.product-import-body h3{margin-bottom:var(--space-5)}.product-import-choice{display:flex;gap:var(--space-4);border:var(--border) solid var(--accent);padding:var(--space-6);border-radius:var(--radius-sm);margin-bottom:var(--space-8)}.product-import-choice small{display:block;margin-top:var(--space-3)}.product-import-body>footer{display:flex;justify-content:space-between;margin-top:var(--space-10)}.pi-drop{position:relative;border:var(--border) dashed var(--accent);border-radius:var(--radius);min-height:var(--pi-drop-height);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);gap:var(--space-4);margin-bottom:var(--space-6);cursor:pointer}.pi-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.pi-drop:focus-visible{outline:var(--space-1) solid var(--accent)}.pi-drop svg{width:var(--space-10);height:var(--space-10)}

.trash-review{font-size:var(--sales-text)}.trash-review td small{display:block;color:var(--muted);margin-top:var(--space-2)}.trash-review td button{margin:var(--space-1)}.trash-review .actions{margin-bottom:var(--space-5)}.trash-review th:first-child{width:var(--space-10)}.trash-review .admin-toolbar input{max-width:var(--product-search-width)}

.pipeline-stage-select{position:relative;display:flex;align-items:center;margin-bottom:var(--space-3)}.pipeline-stage-select input{width:var(--space-4);height:var(--space-4);accent-color:var(--accent)}.pipeline-stage-select .sr-only{position:absolute;width:var(--border);height:var(--border);overflow:hidden;clip-path:inset(50%)}.pipeline-bulk-toolbar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-5);padding:var(--space-3) 0;border-top:var(--border) solid var(--line)}.pipeline-bulk-toolbar>span{color:var(--muted);flex:1;overflow-wrap:anywhere}.pipeline-stage-card:has([data-stage-select]:checked){border-color:var(--accent);background:var(--accent-soft)}.trash-pending-notice{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.trash-pending-notice a{margin-left:auto;font-weight:600}

.pipeline-team-select [data-team-choice][hidden],.pipeline-team-select [data-team-no-results][hidden]{display:none}.pipeline-team-select input[type=search]{margin-bottom:var(--space-3);width:100%}.pipeline-team-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.pipeline-team-chip{display:inline-flex;align-items:center;gap:var(--space-2);border:var(--border) solid var(--line);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--font-sm);background:var(--bg);max-width:100%;overflow-wrap:anywhere}.pipeline-team-chip button{border:0;background:transparent;padding:0 var(--space-1);min-height:var(--space-6);font-size:var(--font-lg);flex:none}.pipeline-team-chip button:focus-visible{outline:var(--border) solid var(--accent)}
.pipeline-team-select>.member-picker{margin:var(--space-1) 0 0;padding:var(--space-4);min-width:0}.pipeline-team-select>.member-picker>legend{position:absolute;width:var(--border);height:var(--border);overflow:hidden;clip-path:inset(50%)}

.multisales-page td small{display:block;margin-top:var(--space-2)}.multisales-page td button{margin:var(--space-1)}#multisales-settings-form{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:var(--space-6) 0}.multisales-page .admin-toolbar{justify-content:space-between}#multisales-search{display:flex;gap:var(--space-2)}.multisales-page .footer-note{margin-bottom:var(--space-5)}

.product-catalog td .textbutton{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:left}

:root{--stage-drag-offset:12px;--stage-drag-layer:90}
.stage-drag-preview{position:fixed;pointer-events:none;z-index:var(--stage-drag-layer);transform:translate(var(--stage-drag-offset),var(--stage-drag-offset));padding:var(--space-2) var(--space-3);border:var(--border) solid var(--accent);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-weight:600;max-width:var(--pipeline-card-width);overflow-wrap:anywhere}
.pipeline-stage-track:has(.stage-dragging){scroll-snap-type:none}

.pipeline-preference-toolbar .field{position:relative;min-width:0}.pipeline-preferences [role=tabpanel]:focus-visible{outline:var(--border) solid var(--accent);outline-offset:var(--space-1)}
@media(max-width:700px){.pipeline-preference-toolbar{flex-wrap:wrap}.pipeline-preference-toolbar .field{flex:1}.pipeline-preference-toolbar select{flex-basis:100%;width:100%}}