/* Built by erp/look_css.py from the stylesheets listed in index.html: the light look, then dark mode. Do not edit; change the source stylesheet or web/look.css. */
/* styles.css */
html:where(.clarity){--muted:#6f7685;--line:#e8e9ec;--canvas:#f2f3fc}
:where(html.clarity) .sidebar{color:#c9ccf1}
:where(html.clarity) .brand>span{color:#c7cad1}
:where(html.clarity) .workspace-label{color:#8c929f}
:where(html.clarity) .nav-section{color:#8c929f}
:where(html.clarity) .nav-item{color:#5e56e6}
:where(html.clarity) .nav-count{color:#d6d9f5}
:where(html.clarity) .nav-item.future{color:#8d93a0}
:where(html.clarity) .sidebar-bottom strong{color:#c3c7f0}
:where(html.clarity) .sidebar-bottom div>span{color:#8c929f}
:where(html.clarity) .crumb-separator{color:#c9ccd2}
:where(html.clarity) .fy-label{color:#6d7482}
:where(html.clarity) .company-avatar{background:#eaecfa;color:#505560}
:where(html.clarity) .eyebrow{color:#9096a2}
:where(html.clarity) .secondary{border-color:#d2d5f4;color:#515762}
:where(html.clarity) .secondary:hover{background:#f3f4fc}
:where(html.clarity) .icon-button{color:#6d7483}
:where(html.clarity) .icon-button:hover{background:#f2f3fc}
:where(html.clarity) .stat-card:hover{border-color:#cccfd5}
:where(html.clarity) .stat-label{color:#6f7685}
:where(html.clarity) .stat-note{color:#8d93a0}
:where(html.clarity) .panel-caption{color:#9096a2}
:where(html.clarity) .record-pill{background:#f0f1fb;color:#727a89;border:1px solid #ecedf0}
:where(html.clarity) .scope-tab{color:#7c8391}
:where(html.clarity) .scope-tab .tab-count{background:#edeefa;color:#848b99}
:where(html.clarity) .search-box{border:1px solid #d7daf5;color:#9da3ae}
:where(html.clarity) .search-box kbd{background:#f8f8f9;border:1px solid #dfe1f7;color:#a5aab3}
:where(html.clarity) .filter-toolbar>select{border:1px solid #d7daf5;color:#5f6571}
:where(html.clarity) .advanced-filters input,:where(html.clarity) .advanced-filters select{border:1px solid #d7daf5}
:where(html.clarity) thead{background:#f6f7fd}
:where(html.clarity) th{color:#89909d}
:where(html.clarity) td{border-bottom:1px solid #e8e9f9;color:#636a77}
:where(html.clarity) .client-name{color:#2f25de}
:where(html.clarity) .secondary-line{color:#9da2ad}
:where(html.clarity) .enq-id{color:#585e6a}
:where(html.clarity) .avatar{background:#edeefa;color:#777f8e}
:where(html.clarity) .badge{background:#f2f3f5;color:#7e8594}
:where(html.clarity) .badge.received{color:#5e56e6}
:where(html.clarity) .badge.unspecified{color:#89909d;background:#f2f3f5}
:where(html.clarity) .priority-inline{color:#a7acb6}
:where(html.clarity) .priority-dot{background:#cdd0d6}
:where(html.clarity) .quote-cell{color:#525762}
:where(html.clarity) .missing{color:#abb0b9}
:where(html.clarity) .row-open{color:#9aa0ab}
:where(html.clarity) .table-footer{color:#9096a2}
:where(html.clarity) .rows-label select{color:#6b7281}
:where(html.clarity) .workspace-footer{color:#9fa4af}
:where(html.clarity) .empty-state strong{color:#564fe5}
:where(html.clarity) .loading-row{color:#9197a4}
:where(html.clarity) dialog{border:1px solid #d4d6f4}
:where(html.clarity) .dialog-header .icon-button{background:#f3f4fc}
:where(html.clarity) .form-section-heading{color:#3e36e1}
:where(html.clarity) .section-number{color:#8d939f;background:#e9ebfa}
:where(html.clarity) .form-field{color:#5b616e}
:where(html.clarity) .form-field input,:where(html.clarity) .form-field select,:where(html.clarity) .form-field textarea{border:1px solid #d3d6f4;color:#2c23de}
:where(html.clarity) .form-field input:read-only{background:#f4f4fc;color:#868d9a}
:where(html.clarity) .field-help{color:#9ba0ab}
:where(html.clarity) .identity-strip{background:#f5f5fc;border:1px solid #dfe1f7}
:where(html.clarity) .identity-strip small{color:#9a9faa}
:where(html.clarity) .identity-strip strong{color:#5e56e6}
:where(html.clarity) .identity-strip .auto-tag{color:#999ea9;background:#e7e9f9}
:where(html.clarity) .editor-tab{color:#838a97}
:where(html.clarity) .dialog-footer>span{color:#9ca1ac}
:where(html.clarity) .suggestions{border:1px solid #d3d6f4}
:where(html.clarity) .suggestion{color:#473fe2;border-bottom:1px solid #ecedfa}
:where(html.clarity) .suggestion small{color:#959ba7}
:where(html.clarity) .customer-selected button{color:#606672}
:where(html.clarity) .quote-summary{background:#f3f4fc;color:#7e8593}
:where(html.clarity) .quote-summary strong{color:#534be4}
:where(html.clarity) .activity-card header{color:#9298a4}
:where(html.clarity) .activity-card small{color:#8c929f}
:where(html.clarity) .source-table td:first-child{color:#9197a3}
:where(html.clarity) .toast{color:#5750e5;border:1px solid #dbdde1}
:where(html.clarity) .report-card p{color:#9aa0ab}
:where(html.clarity) .bar-row{color:#6b7280}
:where(html.clarity) .bar-track{background:#eeeffb}
:where(html.clarity) .bar-number{color:#858c9a}
:where(html.clarity) .detail-field{border-bottom:1px solid #e9ebfa}
:where(html.clarity) .detail-field small{color:#9da2ad}
:where(html.clarity) .source-details{color:#79808f}
:where(html.clarity) .source-details summary{color:#5e56e6}
:where(html.clarity) .import-flags{color:#9ca2ad}
:where(html.clarity) .continuous-form-note{color:#8b919e}
:where(html.clarity) .history-section>summary{color:#5e56e6}
:where(html.clarity) #register-table thead{background:#f6f7fd}
:where(html.clarity) .column-filters input,:where(html.clarity) .column-filters select{border:1px solid #d3d6f4;color:#5d56e6}
:where(html.clarity) .column-filters input::placeholder{color:#9ea3ae}
:where(html.clarity) .column-filters input[type=date]{color:#777f8e}
:where(html.clarity) .column-date{color:#9ba1ac}
:where(html.clarity) .filter-hint{color:#9ba1ac}
/* masters.css */
:where(html.clarity) .master-contact-card{background:#f8f8f9}
:where(html.clarity) .master-contact-empty,:where(html.clarity) .master-related-empty{border:1px dashed #ced1d7;background:#f8f8f9}
:where(html.clarity) .master-origin{color:#525863}
:where(html.clarity) .project-status{border:1px solid #d8dadf;color:#535863}
:where(html.clarity) .master-status-row{background:#f8f8f9}
/* customers.css */
:where(html.clarity) .customer-order-confirmed{border:1px solid #d9dbdf}
:where(html.clarity) .customer-booking-status.ready{border-color:#d9dbdf}
/* auth.css */
:where(html.clarity) .auth-screen{background:radial-gradient(ellipse at 18% 15%, var(--accent-soft), transparent 55%), linear-gradient(135deg, var(--canvas), #eff0f2)}
:where(html.clarity) .auth-card input:hover{border-color:#bcc0c7}
:where(html.clarity) .auth-card input:focus{box-shadow:0 0 0 3px #5149e410}
/* theme.css */
html:where(.clarity){--muted:#606672;--line:#e0e2e6;--canvas:#f4f4f5;--sidebar:#f8f8f9;--accent:#5149e4;--accent-hover:#3b33e0;--blue:#5e56e6;--blue-soft:#eaecfa}
:where(html.clarity) input::placeholder,:where(html.clarity) textarea::placeholder{color:#747a87}
:where(html.clarity) .brand > span{color:#585e69}
:where(html.clarity) .nav-item{color:#525762}
:where(html.clarity) .nav-item:hover{background:#eeeff1}
:where(html.clarity) .nav-count,:where(html.clarity) .nav-item.active .nav-count{background:#dddfe3}
:where(html.clarity) .future-nav > summary:hover{background:#eeeff1}
:where(html.clarity) .future .planned{background:#f0f1f3;color:#606673}
:where(html.clarity) .sidebar-bottom strong{color:#4d525c}
:where(html.clarity) .fy-label{background:#f0f1f3}
:where(html.clarity) .crumb-separator{color:#a2a7b0}
:where(html.clarity) .company-avatar{border-color:#d9dbe0}
:where(html.clarity) .eyebrow{color:#616774}
:where(html.clarity) .primary{box-shadow:0 2px 5px #5149e412}
:where(html.clarity) .secondary{color:#505560;border-color:#d8dade}
:where(html.clarity) .secondary:hover{background:#eff0f1;border-color:#bbbfc7}
:where(html.clarity) .icon-button{color:#5d6370}
:where(html.clarity) .stat-card:hover{border-color:#b2b6be}
:where(html.clarity) .stat-label{color:#565c67}
:where(html.clarity) .record-pill{background:#f1f2f4;color:#565c67;border-color:#e2e4e7}
:where(html.clarity) .scope-tab{color:#5d6370}
:where(html.clarity) .scope-tab:hover{background:#f3f4f5}
:where(html.clarity) .scope-tab.active{border-color:#d1d3d8}
:where(html.clarity) .scope-tab .tab-count{color:#565c67;background:#eeeff1}
:where(html.clarity) .search-box{border-color:#d8dade}
:where(html.clarity) .search-box:focus-within{box-shadow:0 0 0 3px #5149e412}
:where(html.clarity) .search-box kbd{color:#626875;background:#f0f1f3}
:where(html.clarity) #register-table thead{background:#f3f4f5}
:where(html.clarity) #register-table th{color:#545964}
:where(html.clarity) #register-table td{color:#545964;border-bottom-color:#e9eaed}
:where(html.clarity) #register-table th:first-child{background:#f3f4f5}
:where(html.clarity) .enq-id{color:#4e535e}
:where(html.clarity) .column-filters input,:where(html.clarity) .column-filters select{border-color:#d6d8dc;color:#535863}
:where(html.clarity) .column-filters input::placeholder{color:#747a85}
:where(html.clarity) .column-filters input:focus,:where(html.clarity) .column-filters select:focus{outline:2px solid #5149e41c}
:where(html.clarity) .column-filters input[type=date]{color:#565c68}
:where(html.clarity) .avatar{color:#555b66;background:#e9eaed}
:where(html.clarity) .badge{color:#606673;background:#f0f1f2}
:where(html.clarity) .badge.unspecified{color:#656a75;background:#eff0f1}
:where(html.clarity) .priority-dot.low{background:#9197a4}
:where(html.clarity) .empty-state strong{color:#535863}
:where(html.clarity) .dialog-header .icon-button{background:#eff0f2}
:where(html.clarity) .form-section-heading{color:#474b54}
:where(html.clarity) .form-field{color:#525762}
:where(html.clarity) .form-field input,:where(html.clarity) .form-field select,:where(html.clarity) .form-field textarea{border-color:#d6d8dc}
:where(html.clarity) .form-field input:focus,:where(html.clarity) .form-field select:focus,:where(html.clarity) .form-field textarea:focus{outline:3px solid #5149e414}
:where(html.clarity) .form-field input:read-only{color:#626976;background:#f1f2f4}
:where(html.clarity) .identity-strip{background:#ecedf0;border-color:#d9dbe0}
:where(html.clarity) .identity-strip small{color:#585e6a}
:where(html.clarity) .identity-strip strong{color:#4139e1}
:where(html.clarity) .identity-strip .auto-tag{color:#505560}
:where(html.clarity) .customer-selected{border-color:#d4d6db}
:where(html.clarity) .quote-summary{color:#606774}
:where(html.clarity) .toast{border-color:#d3d6db}
:where(html.clarity) .bar-track{background:#eeeff1}
:where(html.clarity) .register-downloads{background:#f8f8f9}
:where(html.clarity) .register-downloads strong{color:#515661}
:where(html.clarity) .is-missing .ow-unit-select{border-color:#b2b6be!important}
/* orders.css */
:where(html.clarity) .ow-button,:where(html.clarity) .ow-link{border:1px solid #d4d7dc}
:where(html.clarity) .ow-search{border:1px solid #d4d6db}
:where(html.clarity) .ow-register-table th{color:#545964;background:#f3f4f5}
:where(html.clarity) .ow-register-table td{border-bottom:1px solid #e9eaec;color:#525863}
:where(html.clarity) .ow-register-table .ow-col-filter{border:1px solid #d3d6db}
:where(html.clarity) .ow-status{background:#eff0f2;color:#606673}
:where(html.clarity) .ow-empty strong{color:#4e535e}
:where(html.clarity) .ow-close{background:#eff0f1}
:where(html.clarity) .ow-field{color:#565c67}
:where(html.clarity) .ow-field input,:where(html.clarity) .ow-field select,:where(html.clarity) .ow-field textarea{border:1px solid #d3d5da}
:where(html.clarity) .ow-field input:read-only{background:#f4f5f6}
:where(html.clarity) .ow-field input::placeholder,:where(html.clarity) .ow-field textarea::placeholder{color:#777d89}
:where(html.clarity) .ow-lines-table th{background:#f3f4f5;color:#545964}
:where(html.clarity) .ow-lines-table td{border-bottom:1px solid #e9eaec}
:where(html.clarity) .ow-lines-table input{border:1px solid #d3d5da}
:where(html.clarity) .ow-line-code{border:1px solid #d8dadf}
:where(html.clarity) .ow-price-history{color:#5e6470}
:where(html.clarity) .ow-price-history span:nth-child(even){color:#474c55}
:where(html.clarity) .ow-line-number{color:#6e7582}
:where(html.clarity) .ow-line-empty{color:#8d93a0}
:where(html.clarity) .ow-order-readonly input,:where(html.clarity) .ow-order-readonly select,:where(html.clarity) .ow-order-readonly textarea{background:#f5f5f6}
:where(html.clarity) .ow-restricted{color:#6a707d}
:where(html.clarity) .ow-section h3{color:#474b54}
:where(html.clarity) .ow-notice{border:1px solid #d6d8dc;color:#525762}
:where(html.clarity) .ow-picker-search{background:#f6f6f7}
:where(html.clarity) .ow-picker-search input{border:1px solid #d2d5da}
:where(html.clarity) .ow-picker-search select{border:1px solid #d2d5da}
:where(html.clarity) .ow-picker-table th{background:#f1f2f4;color:#555b66}
:where(html.clarity) .ow-tabs{background:#f8f9fa}
:where(html.clarity) .ow-tab{color:#5d636f}
:where(html.clarity) .ow-tab.active{border-color:#cbced4}
:where(html.clarity) .ow-revision-tag{border:1px solid #d8dade;color:#50555f}
:where(html.clarity) .ow-root,:where(html.clarity) .ow-dialog{--ow-bar:var(--erp-bar,#707786);--ow-bar-dark:var(--erp-bar-dark,#5a606c);--ow-border:var(--erp-border,#b2b6be);--ink:#2c22de;--muted:#69707e;--canvas:#f4f4f5;--accent:#5e56e6;--accent-hover:#5e56e6;--accent-soft:#e5e6f8}
:where(html.clarity) .ow-heading p{color:#eaecfa}
:where(html.clarity) .ow-heading .ow-button{background:#f6f7fd;color:#473fe2;border-color:#d4d7dc}
:where(html.clarity) .ow-heading .ow-primary{color:#41454d}
:where(html.clarity) .ow-button,:where(html.clarity) .ow-link{border-color:#aeb2bb;color:#4b43e3;background:#f6f7fd}
:where(html.clarity) .ow-button:hover:not(:disabled),:where(html.clarity) .ow-link:hover{background:#e5e6f8;border-color:#888e9b}
:where(html.clarity) .ow-button:focus-visible,:where(html.clarity) .ow-link:focus-visible,:where(html.clarity) .ow-open:focus-visible,:where(html.clarity) .ow-tab:focus-visible,:where(html.clarity) .ow-close:focus-visible{outline:2px solid #5e56e6}
:where(html.clarity) .ow-primary{background:#5e56e6;border-color:#5e56e6}
:where(html.clarity) .ow-primary:hover:not(:disabled){background:#5e56e6}
:where(html.clarity) .ow-scope-note{color:#686f7c}
:where(html.clarity) .ow-register-table th{color:#4139e1;border:1px solid #b4b8c0}
:where(html.clarity) .ow-register-table td{color:#434750;border-bottom:1px solid #d3d6db;border-right:1px solid #dbdde1}
:where(html.clarity) .ow-register-table tbody tr:nth-child(even){background:#f5f5f6}
:where(html.clarity) .ow-cell-title{color:#382fe0}
:where(html.clarity) .ow-secondary{color:#6b7281}
:where(html.clarity) .ow-open{border:1px solid #c3c6cd;background:#f9f9fd}
:where(html.clarity) .ow-open:hover{background:#e1e3f8}
:where(html.clarity) .ow-pager{background:#f1f2f4}
:where(html.clarity) .ow-empty{color:#6e7583}
:where(html.clarity) .ow-empty strong{color:#5e56e6}
:where(html.clarity) .ow-dialog{box-shadow:0 10px 34px #2f26df38}
:where(html.clarity) .ow-dialog::backdrop{background:#2e25de55}
:where(html.clarity) .ow-dialog-head p{color:#ebecfa}
:where(html.clarity) .ow-close{border:1px solid #ced1d6;background:#e9ebfa;color:#5149e4}
:where(html.clarity) .ow-dialog-foot{background:#e3e5f8;color:#606774}
:where(html.clarity) .ow-order-summary{background:#f9f9fd}
:where(html.clarity) .ow-field{color:#545964}
:where(html.clarity) .ow-field input,:where(html.clarity) .ow-field select,:where(html.clarity) .ow-field textarea{border-color:#b2b6be;color:#2d24de}
:where(html.clarity) .ow-field input:focus,:where(html.clarity) .ow-field select:focus,:where(html.clarity) .ow-field textarea:focus{outline:2px solid #5e56e6}
:where(html.clarity) .ow-field input:read-only,:where(html.clarity) .ow-field textarea:read-only,:where(html.clarity) .ow-field select:disabled{background:#e8e9f9;color:#626875}
:where(html.clarity) .ow-field input::placeholder,:where(html.clarity) .ow-field textarea::placeholder{color:#7b8290}
:where(html.clarity) .ow-field button{border-color:#b2b6be}
:where(html.clarity) .ow-helper{color:#6d7483}
:where(html.clarity) .ow-items-toolbar{background:#eaebee}
:where(html.clarity) .ow-items-toolbar strong{color:#534be4}
:where(html.clarity) .ow-lines-table th{color:#453de2;border-bottom:1px solid #acb1ba;border-right:1px solid #b5b9c1}
:where(html.clarity) .ow-lines-table td{border-bottom:1px solid #d3d5da;border-right:1px solid #dadce1;color:#3e424a}
:where(html.clarity) .ow-lines-table tbody tr:nth-child(even){background:#f5f5f6}
:where(html.clarity) .ow-lines-table input{border-color:#b2b6be}
:where(html.clarity) .ow-lines-table input:focus{outline:2px solid #5e56e6}
:where(html.clarity) .ow-lines-table input:read-only{background:#e8e9f9}
:where(html.clarity) .ow-line-code{border-color:#b7bbc3;color:#463ee2}
:where(html.clarity) .ow-line-code:hover:not(:disabled){border-color:#898f9c}
:where(html.clarity) .ow-line-code:disabled{color:#5b616d;background:#f5f5f6}
:where(html.clarity) .ow-line-spec{color:#6d7482}
:where(html.clarity) .ow-price-history{color:#666d7b}
:where(html.clarity) .ow-price-history span:nth-child(even){color:#443be2}
:where(html.clarity) .ow-line-number{color:#6d7483}
:where(html.clarity) .ow-document-button small{color:#6e7584}
:where(html.clarity) .ow-total-row{color:#646a77}
:where(html.clarity) .ow-total-row strong{color:#564ee5}
:where(html.clarity) .ow-order-readonly input,:where(html.clarity) .ow-order-readonly select,:where(html.clarity) .ow-order-readonly textarea{background:#e9ebfa}
:where(html.clarity) .ow-dialog-body{background:#f5f5f6}
:where(html.clarity) .ow-section h3{color:#5a606b;border-bottom:1px solid #dfe1e4}
:where(html.clarity) .ow-notice{border-color:#c9ccd2;background:#e9ebfa;color:#5e6471}
:where(html.clarity) .ow-picker-search{background:#e3e5f8}
:where(html.clarity) .ow-picker-search input,:where(html.clarity) .ow-picker-search select{border-color:#b2b6be}
:where(html.clarity) .ow-picker-table th{color:#473fe2;border:1px solid #b2b6bf}
:where(html.clarity) .ow-picker-table td{border-bottom:1px solid #d3d5da;border-right:1px solid #dadce1}
:where(html.clarity) .ow-picker-table tbody tr:nth-child(even){background:#f4f4f5}
:where(html.clarity) .ow-tabs{background:#dfe1f7;border-bottom:1px solid #b2b6be}
:where(html.clarity) .ow-tab{border:1px solid #c4c7cd;color:#5e6471;background:#f0f1fb}
:where(html.clarity) .ow-tab.active{border-color:#5e56e6;color:#534ce4}
:where(html.clarity) .ow-tab-panel{background:#f2f3f5}
:where(html.clarity) .ow-register .ow-table-area:focus-visible,:where(html.clarity) .ow-picker-list:focus-visible,:where(html.clarity) .ow-technical-body:focus-visible{outline:2px solid #5e56e6}
:where(html.clarity) .ow-register-table tbody tr:focus-visible,:where(html.clarity) .ow-lines-table tbody tr:focus-visible,:where(html.clarity) .ow-picker-table tbody tr:focus-visible{outline:2px solid #5e56e6}
:where(html.clarity) .ow-technical-link{color:#5e56e6}
:where(html.clarity) .ow-technical-link:hover{color:#3e36e1}
:where(html.clarity) .ow-technical-link:focus-visible{outline:2px solid #5e56e6}
:where(html.clarity) .ow-technical-head{background:#e4e6f8;border-bottom:1px solid #cccfd4}
:where(html.clarity) .ow-technical-head strong{color:#5c54e5}
:where(html.clarity) .ow-technical-grid>div{border-bottom:1px solid #e4e5e8}
:where(html.clarity) .ow-technical-grid dt{color:#6e7584}
:where(html.clarity) .ow-technical-grid dd{color:#3d34e1}
:where(html.clarity) .ow-recorded-spec{color:#5e6470}
:where(html.clarity) .ow-option-edit{border:1px solid #b2b6be;color:#3d34e1}
:where(html.clarity) .ow-product-table{--pt-line:#d9dbe0}
:where(html.clarity) .ow-product-block>h3{color:#5c54e5;background:#e4e6f8;border:1px solid #b5b9c1}
:where(html.clarity) .ow-type-field-scroll{border:1px solid #c4c7cd}
:where(html.clarity) .ow-type-fields th{color:#473fe2;border:1px solid #b2b6bf}
:where(html.clarity) .ow-type-fields td{border:1px solid #c8cbf1}
:where(html.clarity) .ow-type-fields td input:not([type=checkbox]){border:1px solid #b2b6be;color:#463ee2}
:where(html.clarity) .ow-legend-block{border:1px solid #dfe1e4}
:where(html.clarity) .ow-item-ref{border:1px solid #b2b6be}
:where(html.clarity) .ow-required-list .done{color:#4b505a}
:where(html.clarity) .ow-contains{border-left:1px solid #d9dbe0}
:where(html.clarity) .ow-type-fields select{border:1px solid #b2b6be;color:#463ee2}
:where(html.clarity) .ow-type-display>td{background:#f7f7f8}
:where(html.clarity) .ow-option-views{border:1px solid #c4c7cd}
:where(html.clarity) .ow-pick-modes{border-bottom:1px solid #b2b6be}
:where(html.clarity) .ow-pick-body{background:#f5f5f6}
:where(html.clarity) .ow-pick-controls{border-right:1px solid #cccfd5;background:#e9ebfa}
:where(html.clarity) .ow-duty-pair>select{border:1px solid #b2b6be}
:where(html.clarity) .ow-step-chosen>span{color:#473fe2}
:where(html.clarity) .ow-match.exact{color:#4b505a}
:where(html.clarity) .ow-pick-detail{border-left:1px solid #cccfd5}
:where(html.clarity) .ow-pick-subhead{color:#473fe2;border-top:1px solid #cccfd5}
:where(html.clarity) .ow-tech-part em{color:#6f7684}
:where(html.clarity) .ow-tech-part::before{color:#acb1ba}
:where(html.clarity) .ow-line-spec .ow-tech-full{color:#464b54}
:where(html.clarity) .ow-total-charge input{border:1px solid #b2b6be}
:where(html.clarity) .ow-total-sub{color:#575d68}
:where(html.clarity) .ow-revision-select{border:1px solid #ced1d6;background:#e9ebfa;color:#2d24de}
:where(html.clarity) .ow-letterhead-preview img{box-shadow:0 1px 4px #2f26df22}
:where(html.clarity) .ow-total-charge input:read-only{background:#e8e9f9;color:#626875}
:where(html.clarity) .ow-thumb{border:1px solid #ced1d6}
:where(html.clarity) .ow-thumb:hover,:where(html.clarity) .ow-thumb:focus-visible{border-color:#5e56e6;box-shadow:0 0 0 2px #5e56e640}
:where(html.clarity) .ow-thumb-none{color:#a7acb5}
:where(html.clarity) .ow-product-image button{border:1px solid #ced1d6}
:where(html.clarity) .ow-product-image figcaption{color:#6d7483}
:where(html.clarity) .ow-line-splitter{background:#dfe1f7;border-top:1px solid #d3d6db;border-bottom:1px solid #d3d6db}
:where(html.clarity) .ow-line-splitter span{background:#a0a5b0}
:where(html.clarity) .ow-line-splitter:hover,:where(html.clarity) .ow-line-splitter.ow-dragging,:where(html.clarity) .ow-line-splitter:focus-visible{background:#cdd0f2}
:where(html.clarity) .ow-line-splitter:hover span,:where(html.clarity) .ow-line-splitter.ow-dragging span,:where(html.clarity) .ow-line-splitter:focus-visible span{background:#5e56e6}
:where(html.clarity) .ow-line-makes{border:1px dashed #bfc3ca;color:#453de2}
:where(html.clarity) .ow-line-makes strong{color:#6e7584}
:where(html.clarity) .ow-line-makes-empty{color:#686f7d}
:where(html.clarity) .ow-line-makes:hover,:where(html.clarity) .ow-line-makes:focus-visible{border-color:#5e56e6}
:where(html.clarity) .ow-pc-body{border:1px solid #cccfd5}
@media (max-width:760px){:where(html.clarity) .ow-pc-body .ow-pick-controls{border-bottom:1px solid #cccfd5}
}
:where(html.clarity) .ow-type-sample{border:1px solid #c4c7cd}
:where(html.clarity) .ow-drag-handle{color:#7f8694}
:where(html.clarity) .ow-type-list-head p{color:var(--muted,#5e6470)}
:where(html.clarity) .ow-type-list-wrap{border:1px solid var(--line,#d4d6f4)}
:where(html.clarity) .ow-type-list th{background:var(--mod-soft,#eaecfa)}
:where(html.clarity) .ow-type-list td{border-top:1px solid var(--line,#e9eaec)}
:where(html.clarity) .ow-type-legends span{background:#eaecfa}
:where(html.clarity) .ow-type-title small{color:var(--muted,#6b717d)}
/* desktop.css */
html:where(.clarity){--ink:#2a21dd;--muted:#5f6571;--line:#c7cad1;--canvas:#eff0f2;--sidebar:#f5f5f6;--accent:#5e56e6;--accent-hover:#534ce4;--accent-soft:#e2e4f8;--blue:#5e56e6;--blue-soft:#e6e8f9;--success-soft:#ecedf0;--erp-bar:#707786;--erp-bar-dark:#5a606c;--erp-border:#b2b6be;--shadow:0 4px 16px #2a21dd16}
:where(html.clarity) button:focus-visible,:where(html.clarity) a:focus-visible,:where(html.clarity) summary:focus-visible{outline:2px solid #5e56e6}
:where(html.clarity) input:focus-visible,:where(html.clarity) select:focus-visible,:where(html.clarity) textarea:focus-visible{outline:2px solid #5e56e6}
:where(html.clarity) .sidebar,:where(html.clarity) body.orders-mode .sidebar{background:#f5f5f6}
:where(html.clarity) .nav-item,:where(html.clarity) body.orders-mode .nav-item{color:#4f47e4}
:where(html.clarity) .nav-item:hover{background:#eaebed}
:where(html.clarity) .nav-item.active{background:#dfe1f7;color:#4b43e3;box-shadow:inset 3px 0 0 #5e56e6}
:where(html.clarity) .nav-count,:where(html.clarity) .nav-item.active .nav-count{background:#d5d8f5;color:#5e56e6}
:where(html.clarity) .sidebar-bottom strong{color:#5e56e6}
:where(html.clarity) .local-mark{background:#dfe1f7}
:where(html.clarity) .breadcrumb strong{color:#4b43e3}
:where(html.clarity) .fy-label{background:#eaebed;color:#5b54e5}
:where(html.clarity) .company-avatar{background:#dfe1f7;color:#5e56e6}
:where(html.clarity) .page-heading{background:#e6e7ea}
:where(html.clarity) .button.primary{border-color:#5e56e6}
:where(html.clarity) .button.secondary{background:#f6f7fd;color:#5049e4}
:where(html.clarity) .button.secondary:hover{background:#e3e5f8;border-color:#9399a5}
:where(html.clarity) .stat-label{color:#575d68}
:where(html.clarity) .panel-caption{color:#ebecfa}
:where(html.clarity) .scope-tabs{background:#f2f3f5}
:where(html.clarity) .scope-tab{color:#585e6a}
:where(html.clarity) .scope-tab.active{background:#dfe1f7;color:#5b54e5;border-color:#5e56e6}
:where(html.clarity) .scope-tab .tab-count{background:#eaebed}
:where(html.clarity) .scope-tab.active .tab-count{background:#cccff2;color:#5a53e5}
:where(html.clarity) .filter-toolbar{background:#f6f7fd}
:where(html.clarity) .register-downloads{background:#f5f5f6}
:where(html.clarity) #register-table th{color:#4b43e3}
:where(html.clarity) #register-table td{color:#3f37e1;border-right:1px solid #dadce0;border-bottom:1px solid #d6d8dd}
:where(html.clarity) #register-table tbody tr:nth-child(even) td{background:#f6f6f7}
:where(html.clarity) #register-table tbody tr.erp-selected td:first-child{box-shadow:inset 3px 0 0 #5e56e6}
:where(html.clarity) #register-table tbody tr:focus-visible{outline:2px solid #5e56e6}
:where(html.clarity) #register-table .avatar{background:#dfe1f7;color:#5e56e6}
:where(html.clarity) #register-table .enq-id{color:#5e56e6}
:where(html.clarity) #register-table .column-filters input,:where(html.clarity) #register-table .column-filters select,:where(html.clarity) #register-table .master-column-filters input{border:1px solid #a8adb7;color:#473ee2}
:where(html.clarity) #register-table .column-filters input:focus,:where(html.clarity) #register-table .column-filters select:focus{outline:2px solid #5e56e6;border-color:#5e56e6}
:where(html.clarity) .table-footer{background:#e8e9f9}
:where(html.clarity) dialog{box-shadow:0 10px 36px #2a21dd33}
:where(html.clarity) dialog::backdrop{background:#2d24de55}
:where(html.clarity) .dialog-header{border-bottom:1px solid #5a606c}
:where(html.clarity) .dialog-header p{color:#edeefa}
:where(html.clarity) .editor-body{background:#f2f3f5}
:where(html.clarity) .form-section-heading{background:#d9dbf5;color:#4d45e3}
:where(html.clarity) .form-field{color:#474c55}
:where(html.clarity) .form-field input,:where(html.clarity) .form-field select,:where(html.clarity) .form-field textarea{border:1px solid #babec6;color:#2a21dd}
:where(html.clarity) .form-field input:read-only,:where(html.clarity) .master-fixed-value{background:#e9ebfa;color:#606672}
:where(html.clarity) .form-field input:focus,:where(html.clarity) .form-field select:focus,:where(html.clarity) .form-field textarea:focus{border-color:#5e56e6;outline:2px solid #5e56e6}
:where(html.clarity) .identity-strip{background:#f6f7fd}
:where(html.clarity) .identity-strip small{color:#565c68}
:where(html.clarity) .identity-strip strong{color:#5e56e6}
:where(html.clarity) .identity-strip .auto-tag{background:#e3e5f8}
:where(html.clarity) .dialog-footer{background:#e9ebfa}
:where(html.clarity) .dialog-footer>span{color:#5f6572}
:where(html.clarity) .master-contact-card{background:#f6f7fd}
:where(html.clarity) .master-related-table th{color:#4b43e3}
:where(html.clarity) .master-related-table td{border-right:1px solid #dcdee1}
:where(html.clarity) .quote-summary{background:#e4e6f8}
:where(html.clarity) .quote-summary strong{color:#5e56e6}
:where(html.clarity) #table-wrap:focus-visible{outline:2px solid #5e56e6}
:where(html.clarity) .access-readonly-note{color:#606673}
:where(html.clarity) .module-view-only input[readonly],:where(html.clarity) .module-view-only textarea[readonly]{background:#f1f2fc;color:#4e535d}
:where(html.clarity) #editor.compact-editor #editor-content>.dialog-footer{border-top:1px solid var(--line,#d9dbe0);background:#f6f7fd}
:where(html.clarity) .nav-item.nav-sub::before{background:#a3a8b2}
:where(html.clarity) .dash-group h2,:where(html.clarity) .dash-list h2{color:#473fe2}
:where(html.clarity) .dash-card{border:1px solid var(--erp-border,#b2b6be)}
:where(html.clarity) .dash-card:hover,:where(html.clarity) .dash-card:focus-visible{border-color:#5e56e6;background:#f6f7fd}
:where(html.clarity) .dash-label{color:#575d68}
:where(html.clarity) .dash-value{color:#2d24de}
:where(html.clarity) .dash-note{color:#6f7684}
:where(html.clarity) .dash-list{border:1px solid var(--erp-border,#b2b6be)}
:where(html.clarity) .dash-list li+li{border-top:1px solid #e6e7ea}
:where(html.clarity) .dash-list li button:hover{background:#f1f2fc}
:where(html.clarity) .dash-list li span{color:#6f7684}
:where(html.clarity) .dash-list li em{color:#575d68}
:where(html.clarity) th:hover>.col-resizer::after{background:#a3a8b2}
:where(html.clarity) .col-resizer:hover::after,:where(html.clarity) body.col-resizing .col-resizer::after{background:#5e56e6}
/* purchase.css */
:where(html.clarity) .pw-status-inactive{background:#edeef0;color:#5f6572}
:where(html.clarity) .pw-chip{border:1px solid #ced1d7}
:where(html.clarity) .pw-chip-off{border-color:#d8dadf;background:#eff0f1;color:#5f6572}
:where(html.clarity) .pw-suggest{border:1px solid #babec6}
:where(html.clarity) .pw-code-preview{border:1px dashed #babec6}
:where(html.clarity) .pw-code{color:#2b21de}
:where(html.clarity) .pw-variants th,:where(html.clarity) .pw-lookup-table th{color:#545964;background:#f3f4f5}
:where(html.clarity) .pw-variants td,:where(html.clarity) .pw-lookup-table td{border-bottom:1px solid #e9eaec}
:where(html.clarity) .pw-scope{color:#545964}
:where(html.clarity) .pw-scope.active{border-color:#c1c4cb}
:where(html.clarity) .pw-st-draft{background:#edeef0;color:#515660}
:where(html.clarity) .pw-st-closed{background:#e0e2f7;color:#5a53e5}
:where(html.clarity) .pw-supplier-card{border:1px dashed #c9ccd2}
:where(html.clarity) .pw-lines th{color:#545964;background:#f3f4f5}
:where(html.clarity) .pw-lines td{border-bottom:1px solid #e9eaec}
:where(html.clarity) .pw-lines input,:where(html.clarity) .pw-lines select{border:1px solid #c8cbd1}
:where(html.clarity) .pw-lines input[readonly]{background:#f4f5f6;color:#4b505a}
:where(html.clarity) .pw-stat-main{border-color:#c1c4cb}
:where(html.clarity) .pw-st-partly_ordered,:where(html.clarity) .pw-st-po_awaiting_approval,:where(html.clarity) .pw-st-material_pending{background:#e0e2f7;color:#5a53e5}
:where(html.clarity) .pw-lines textarea{border:1px solid #c8cbd1}
:where(html.clarity) .pw-from-indent td:first-child{box-shadow:inset 3px 0 0 #c1c4cb}
:where(html.clarity) .pw-print-text{background:#f8f8f9}
:where(html.clarity) .pw-price-table th{border-bottom:1px solid #bdc1ef}
:where(html.clarity) .pw-price-table td{border-bottom:1px solid #dcdef6}
:where(html.clarity) .pw-indent-box{border:1px solid var(--line-strong,#c7cad1)}
:where(html.clarity) .pw-indent-box:focus-within{border-color:#686f7d;box-shadow:0 0 0 2px #686f7d26}
:where(html.clarity) .pw-indent-chip{border:1px solid #ced1d7}
:where(html.clarity) .pw-indent-chip button:hover,:where(html.clarity) .pw-indent-chip button:focus-visible{background:#ced1d7}
:where(html.clarity) .pw-ipick-head{background:#f5f6f7}
:where(html.clarity) .pw-steps-button{border:1px solid #c7cad1;background:#f5f6f7}
:where(html.clarity) .pw-steps-button:hover,:where(html.clarity) .pw-steps-button:focus-visible{border-color:#9a9faa}
:where(html.clarity) .pw-rc-none{background:#f2f3f4;color:#5f6572;border-color:#dfe1e4}
:where(html.clarity) .pw-rc-part{color:#5e56e6;border-color:#c4c8f0}
:where(html.clarity) .pw-st-issued{background:#e0e2f7;color:#5a53e5}
/* access.css */
:where(html.clarity) .aw-root{border:1px solid var(--erp-border,#b2b6be)}
:where(html.clarity) .aw-header{background:var(--erp-bar,#707786)}
:where(html.clarity) .aw-header p{color:#e9ebfa}
:where(html.clarity) .aw-header .button{background:#f6f7fd;color:#453de2;border-color:#c3c7f0}
:where(html.clarity) .aw-toolbar{background:#f4f4f5;border-bottom:1px solid var(--erp-border,#b2b6be)}
:where(html.clarity) .aw-toolbar input{border:1px solid #b2b6be}
:where(html.clarity) .aw-content:focus-visible{outline:2px solid #5e56e6}
:where(html.clarity) .aw-section{border:1px solid #b8bcc4}
:where(html.clarity) .aw-section h3{color:#453de2;background:#e2e4f8;border-bottom:1px solid #b8bcc4}
:where(html.clarity) .aw-note{color:#5a606b}
:where(html.clarity) .aw-table th,:where(html.clarity) .aw-table td{border-right:1px solid #d5d7dc;border-bottom:1px solid #d5d7dc}
:where(html.clarity) .aw-table thead th{color:#3c33e1}
:where(html.clarity) .aw-table tbody th{background:#f5f6fd}
:where(html.clarity) .aw-table th strong{color:#352ce0}
:where(html.clarity) .aw-table th small{color:#6a717f}
:where(html.clarity) .aw-table tbody tr:nth-child(even) td{background:#f1f2fc}
:where(html.clarity) .aw-table select{border:1px solid #b2b6be;color:#372ee0}
:where(html.clarity) .aw-table input[type=checkbox]{accent-color:#5a606c}
:where(html.clarity) .aw-fixed{color:#69707d}
:where(html.clarity) .aw-level.view{background:#e6e8f9;color:#5e56e6;border-color:#c7caf1}
:where(html.clarity) .aw-level.none{color:#6a717e;border-color:#d8dade}
:where(html.clarity) .aw-loading{color:#5a606b}
:where(html.clarity) .mp-provider{border:1px solid #b8bcc4}
:where(html.clarity) .mp-provider header{background:#f4f4f5;border-bottom:1px solid #d5d7dc}
:where(html.clarity) .mp-form label{color:#453de2}
:where(html.clarity) .mp-form input,:where(html.clarity) .mp-form select{border:1px solid #b2b6be}
:where(html.clarity) .mp-form .mp-check input{accent-color:#5a606c}
:where(html.clarity) .mp-table td small{color:#6a717f}
/* menu.css */
:where(html.clarity) .menu-edit-top{background:#f5f5f6}
:where(html.clarity) .nav-editor input{border:1px solid #cccfd4}
:where(html.clarity) body.nav-flyouts .flyout-open > .nav-group-toggle{background:#d5d7f4}
:where(html.clarity) body.nav-flyouts .nav-group-toggle.has-active{box-shadow:inset 3px 0 0 #5e56e6}
:where(html.clarity) body.nav-flyouts .nav-group .nav-group-items{border:1px solid #c9cdf2;color:#4f47e4}
:where(html.clarity) body.nav-flyouts .nav-group-items::before{border-left:1px solid #c9cdf2;border-bottom:1px solid #c9cdf2}
:where(html.clarity) body.nav-flyouts .nav-flyout-title{border-bottom:1px solid #dbddf6;color:#707887}
:where(html.clarity) body.nav-flyouts .nav-group-items > .nav-item.nav-sub > .nav-icon{background:#ebecfa}
:where(html.clarity) body.nav-flyouts .nav-group-badge{box-shadow:0 0 0 2px #707786}
html:where(.clarity):not(.vivid) body.nav-flyouts .flyout-open > .nav-group-toggle{background:#515661}
/* alert.css */
:where(html.clarity) .erp-alert p{color:#3e424a}
:where(html.clarity) .erp-alert ul{background:#f7f8fd;color:#505560}
/* production.css */
:where(html.clarity) .pw-st-not_started{background:#edeef0;color:#515660}
:where(html.clarity) .pw-st-in_production{background:#e0e2f7;color:#5a53e5}
:where(html.clarity) .pr-team{background:var(--mod-soft,#eff0f1);color:var(--mod-ink,#3229df)}
:where(html.clarity) .pr-brief{color:#4e535e}
:where(html.clarity) .pr-product-line b{color:#6b717d}
:where(html.clarity) .pr-product-line .pw-mono{color:#4e535e}
:where(html.clarity) .pr-ico-strip small{color:#6b717d}
:where(html.clarity) .pr-bulk-inline{color:#4e535e}
:where(html.clarity) .pr-ico-grid-wrap{border:1px solid #dadce1}
:where(html.clarity) .pr-ico-grid th{background:var(--mod-soft,#f2f3f5);color:var(--mod-ink,#3229df);border-bottom:2px solid var(--mod,#5952e5)}
:where(html.clarity) .pr-ico-grid td{border-bottom:1px solid #e7e8eb}
:where(html.clarity) .pr-ico-grid tr.pr-row-closed td{color:#7a808b}
:where(html.clarity) .pr-c-line{color:var(--mod-ink,#3229df)}
:where(html.clarity) .pr-c-extra{color:#4e535e}
:where(html.clarity) .pr-c-small{color:#4e535e}
:where(html.clarity) .pr-comment-add textarea{border:1px solid #c8cbd1}
:where(html.clarity) .pr-comments li{border-left:3px solid var(--mod,#5952e5);background:#f6f7f8}
:where(html.clarity) .pr-comment-who{color:var(--mod-ink,#3229df)}
:where(html.clarity) .pr-next{border:1px solid #dadce1;border-left:4px solid var(--mod,#5952e5);background:var(--mod-soft,#f2f3f5)}
:where(html.clarity) .pr-flow li{border:1px solid #dadce1}
:where(html.clarity) .pr-flow li::before{background:#e9eaec;color:#4e535e}
:where(html.clarity) .pr-flow li.part::before{background:var(--mod,#5952e5)}
:where(html.clarity) .pr-flow li span{color:#41454d}
:where(html.clarity) .pr-flow li small{color:#6b717d}
:where(html.clarity) .pr-flow li i{background:var(--mod,#5952e5)}
:where(html.clarity) .pr-product-name{color:var(--mod-ink,#3229df)}
:where(html.clarity) .pr-product-note span{color:#6b717d}
:where(html.clarity) .pr-num{background:var(--mod,#5952e5)}
:where(html.clarity) .pr-hint{color:#5d636f}
:where(html.clarity) .pr-sticker-bar span,:where(html.clarity) .pr-pick-bar span{color:#4e535e}
:where(html.clarity) .pr-other{border:1px solid #dcdee2}
:where(html.clarity) .pr-other:hover{border-color:var(--mod,#5952e5);background:var(--mod-soft,#f2f3f5)}
:where(html.clarity) .pr-other small{color:#656c79}
:where(html.clarity) .pr-pack-line{border:1px solid #dcdee2}
:where(html.clarity) .pr-pack-line.on{border-color:var(--mod,#5952e5)}
:where(html.clarity) .pr-pack-head small{color:#656c79}
:where(html.clarity) .pr-unit{border:1px solid #d5d7dc;background:#f8f8f9}
:where(html.clarity) .pr-steps li{border:1px solid #dcdee2}
:where(html.clarity) .pr-steps li b{color:#585e69}
:where(html.clarity) .pr-steps li small{color:#656c79}
:where(html.clarity) .pw-st-processing{background:#e0e2f7;color:#5a53e5}
:where(html.clarity) .pw-st-under_packing{background:#e7e9f9;color:#5951e5}
:where(html.clarity) .pr-tabs{border-bottom:2px solid var(--mod-soft,#e5e7ea)}
:where(html.clarity) .pr-tab{color:#585e69}
:where(html.clarity) .pr-tab.active{background:var(--mod,#5952e5)}
:where(html.clarity) .pr-plan-wrap{border:1px solid #dadce1}
:where(html.clarity) .pr-plan th,:where(html.clarity) .pr-plan td{border-right:1px solid #e4e5e8;border-bottom:1px solid #e4e5e8}
:where(html.clarity) .pr-plan thead th{background:var(--mod-soft,#f2f3f5)}
:where(html.clarity) .pr-plan thead th span{color:#656c79}
:where(html.clarity) .pr-plan thead th:first-child{background:var(--mod-soft,#f2f3f5)}
:where(html.clarity) .pr-plan tbody th small{color:#656c79}
:where(html.clarity) .pr-plan-cell:hover,:where(html.clarity) .pr-plan-cell:focus{outline:2px solid var(--mod,#5952e5)}
:where(html.clarity) .pr-plan-all td{color:var(--mod,#5952e5)}
:where(html.clarity) .pr-plan-chip{border:1px solid #cbced4;background:#ecedfa;color:#3f37e1}
:where(html.clarity) button.pr-plan-chip:hover{border-color:var(--mod,#5952e5)}
:where(html.clarity) .pr-thumb{border:1px solid #dadce1}
:where(html.clarity) .pp-dur{color:#6b717d}
:where(html.clarity) .pp-num{color:var(--mod-ink,#3229df)}
:where(html.clarity) .pp-model-list{border-right:1px solid #e4e6e9}
:where(html.clarity) .pp-model:hover{background:#f4f4f5}
:where(html.clarity) .pp-model.active{background:var(--mod-soft,#e3e5f8)}
:where(html.clarity) .pp-model small{color:#6b717d}
:where(html.clarity) .pp-model small b{color:var(--mod-ink,#3229df)}
:where(html.clarity) .pp-model-title small,:where(html.clarity) .ow-section h3 small{color:#6b717d}
:where(html.clarity) .pp-totals span{background:var(--mod-soft,#e9ebfa)}
:where(html.clarity) .pp-sub{border-left:2px solid #e4e6e9}
:where(html.clarity) .pp-cell.chosen,:where(html.clarity) .pp-cell:focus{outline:2px solid var(--mod,#5952e5)}
:where(html.clarity) .pp-key{color:#4e535e}
:where(html.clarity) .pr-plan-needs{color:#4e535e}
:where(html.clarity) .pr-machine-grid .pp-pick-info{color:#6b717d}
:where(html.clarity) .pp-pick-group{color:var(--mod-ink,#3229df)}
:where(html.clarity) .pp-steps input::placeholder{color:#a3a8b3}
:where(html.clarity) .pp-note{color:#6b717d}
:where(html.clarity) .pp-add-item{border:1px dashed #cbced4}
:where(html.clarity) .pr-plan-views{border:1px solid #cbced4}
:where(html.clarity) .pr-plan-views button{color:#4e535e}
:where(html.clarity) .pr-plan-views button.active{background:var(--mod,#5952e5)}
:where(html.clarity) .pr-pp-group h3 small{color:#6b717d}
:where(html.clarity) .pr-pp-cell small{color:#6b717d}
:where(html.clarity) .pr-pp-none{color:#a0a5b0}
:where(html.clarity) button.pr-pp-date:hover,:where(html.clarity) button.pr-pp-date:focus{border-color:var(--mod,#5952e5)}
:where(html.clarity) .pr-pp-machine{border:1px solid #cbced4;color:var(--mod-ink,#3229df)}
:where(html.clarity) .pr-pp-machine:hover{border-color:var(--mod,#5952e5)}
:where(html.clarity) .pp-day{border:1px solid #dadce1}
:where(html.clarity) .pp-day.drop{outline:2px dashed var(--mod,#5952e5)}
:where(html.clarity) .pp-day header{border-bottom:1px solid #e4e5e8}
:where(html.clarity) .pp-day header small{color:#6b717d}
:where(html.clarity) .pp-day-bar{background:#eff0f1}
:where(html.clarity) .pp-day-empty{color:#a0a5b0}
:where(html.clarity) .pp-card{border:1px solid #cbced4}
:where(html.clarity) .pp-card.mine{border-color:var(--mod,#5952e5);box-shadow:inset 3px 0 0 var(--mod,#5952e5)}
:where(html.clarity) .pp-card-body{color:#4e535e}
:where(html.clarity) .pp-nudge{border:1px solid #cbced4}
:where(html.clarity) .pp-nudge:hover{border-color:var(--mod,#5952e5)}
:where(html.clarity) .pp-time:hover,:where(html.clarity) .pp-time:focus{border-color:var(--mod,#5952e5)}
:where(html.clarity) .pp-time-x{color:#4e535e}
:where(html.clarity) .pp-machine-dialog .pr-plan-bar .ow-button.active{background:var(--mod-soft,#e3e5f8);border-color:var(--mod,#5952e5)}
:where(html.clarity) .pp-month{border:1px solid #dadce1}
:where(html.clarity) .pp-month-hint{color:#4e535e}
:where(html.clarity) .pp-month-grid>span{color:#6b717d}
:where(html.clarity) .pp-mday{border:1px solid #e4e5e8}
:where(html.clarity) .pp-mday small{color:#4e535e}
:where(html.clarity) .pp-mday.from{outline:2px solid var(--mod,#5952e5)}
:where(html.clarity) .pp-mday:hover,:where(html.clarity) .pp-mday.drop{border-color:var(--mod,#5952e5)}
:where(html.clarity) .pp-card.moving{outline:2px dashed var(--mod,#5952e5)}
:where(html.clarity) .pp-time-mode small{color:#6b717d}
:where(html.clarity) .pr-pp-due{color:#4e535e}
:where(html.clarity) .pr-cell-action{border:1px solid var(--mod,#5952e5);color:var(--mod-ink,#3229df)}
:where(html.clarity) .pr-cell-action:hover:not(:disabled),:where(html.clarity) .pr-cell-action:focus-visible{background:var(--mod,#5952e5)}
:where(html.clarity) .pr-indent small{color:#707887}
:where(html.clarity) .pb-title small{color:#707887}
:where(html.clarity) .pb-table th{border-bottom:2px solid #e2e4e7;background:#f4f4fc;color:#4e535e}
:where(html.clarity) .pb-table td{border-bottom:1px solid #eff0f1}
:where(html.clarity) .pb-table td small{color:#707887}
:where(html.clarity) .pb-table tr.pb-fixed td{background:#f7f8fd}
:where(html.clarity) .pb-table tr.pb-done td{color:#8a909c}
:where(html.clarity) .pb-indent small{color:#707887}
:where(html.clarity) .pb-status{border:1px solid #c9cdf2;background:#f7f8fd}
:where(html.clarity) .pb-twist:hover{background:#e2e4f8}
:where(html.clarity) .pb-arrow{color:#9ea3ae}
:where(html.clarity) .pb-table tr.pb-node-root td{background:#ecedfa}
:where(html.clarity) .pb-table tr.pb-expected td{color:#8a909c}
:where(html.clarity) .pb-table tr.pb-sub td{color:#4e535e}
:where(html.clarity) .sfg-level{background:#707887}
:where(html.clarity) .sfg-card{border:2px solid #e2e4e7}
:where(html.clarity) .sfg-card:hover{border-color:#5e56e6}
:where(html.clarity) .sfg-card small{color:#4e535e}
:where(html.clarity) .sfg-card em{color:#707887}
:where(html.clarity) .sfg-detail{border:1px solid #e2e4e7}
:where(html.clarity) .sfg-detail label small{color:#707887}
:where(html.clarity) .sfg-hint{color:#707887}
:where(html.clarity) .sfg-preview{border:1px solid #c1c5f0}
:where(html.clarity) .sfg-chip{border:1px solid #c1c5f0}
:where(html.clarity) .sfg-chip small{color:#707887}
:where(html.clarity) .sfg-chip.empty b{color:#acb1ba}
:where(html.clarity) .sfg-equals{color:#707887}
:where(html.clarity) .sfg-name span{color:#707887}
:where(html.clarity) .sfg-parent{border:1px solid #e2e4e7}
:where(html.clarity) .sfg-parent small{color:#707887}
:where(html.clarity) .sfg-bom{border-top:1px solid #e2e4e7}
:where(html.clarity) .sfg-more{color:#4e535e}
:where(html.clarity) .sfg-plus{color:#707887}
:where(html.clarity) .sfg-param-table td:first-child{color:#707887}
:where(html.clarity) .sfg-tag{background:#e9ebfa;color:#4e535e}
:where(html.clarity) .sfg-param-form{border:1px solid #5e56e6}
:where(html.clarity) .sfg-field small{color:#707887}
:where(html.clarity) .sfg-choice{border:1px solid #e2e4e7}
:where(html.clarity) .sfg-value{border:1px solid #e2e4e7}
:where(html.clarity) .sfg-format-line{color:#4e535e}
:where(html.clarity) .pb-table tr.pb-group td{background:#ecedfa;color:#453de2}
:where(html.clarity) tr.pw-inactive td{color:#8a909c}
/* columns.css */
:where(html.clarity) .col-chooser{border:1px solid #bfc3ef;color:#505560}
:where(html.clarity) .col-chooser-pop{border:1px solid #c9cdf2}
:where(html.clarity) .col-chooser-head{border-bottom:1px solid #dee0f7}
:where(html.clarity) .col-chooser-head small{color:#707887}
:where(html.clarity) .col-chooser-list label:hover{background:#eff0fb}
:where(html.clarity) .col-chooser-foot{border-top:1px solid #dee0f7}
:where(html.clarity) .col-chooser-foot button{border:1px solid #bfc3ef}
:where(html.clarity) .col-chooser-foot button:hover{background:#eff0fb}
/* approvals.css */
:where(html.clarity) .approvals-bell{border:1px solid #c9cdf2;color:#505560}
:where(html.clarity) .approvals-body{background:#f7f8fd}
:where(html.clarity) .approvals-group h3{color:#505560}
:where(html.clarity) .approvals-group-count{background:#dcdef6;color:#3e36e1}
:where(html.clarity) .approvals-group li{border:1px solid #dcdef6}
:where(html.clarity) .approvals-item span{color:#3e36e1}
:where(html.clarity) .approvals-item small{color:#6d7482}
:where(html.clarity) .approvals-empty{color:#505560}
:where(html.clarity) .approvals-foot{border-top:1px solid #dcdef6;color:#6d7482}
:where(html.clarity) .approvals-done{border:1px solid #bdc1ef}
:where(html.clarity) .approvals-done:hover{background:#eff0fb}
:where(html.clarity) .approvals-tabs{border-bottom:1px solid #dcdef6}
:where(html.clarity) .approvals-tabs button{border:1px solid #dcdef6;background:#f7f8fd;color:#3e36e1}
:where(html.clarity) .approvals-tabs button span{background:#dcdef6;color:#3e36e1}
:where(html.clarity) .approvals-tabs button.is-empty{color:#9ea3ae}
:where(html.clarity) .approvals-open{background:#505560}
:where(html.clarity) .approvals-confirm{border-top:1px dashed #bdc1ef}
:where(html.clarity) .approvals-confirm p{color:#3e36e1}
:where(html.clarity) .approvals-confirm textarea{border:1px solid #bdc1ef}
:where(html.clarity) .approvals-back{border:1px solid #bdc1ef}

/* ------------------------------------------------ dark mode */
/* styles.css */
html:where(.clarity.dark){--ink:#cfd8e7;--muted:#b1b5bb;--line:#313336;--surface:#131313;--canvas:#10111f;--red:#ef8580;--red-dark:#f0847f;--sidebar:#172130;--shadow:0 8px 35px #050a121d}
:where(html.clarity.dark) button:focus-visible,:where(html.clarity.dark) a:focus-visible{outline:3px solid #4985e8}
:where(html.clarity.dark) .sidebar{color:#c9ccf1}
:where(html.clarity.dark) .brand>span{color:#c7cad1}
:where(html.clarity.dark) .workspace-label{color:#a4a8b0}
:where(html.clarity.dark) .nav-section{color:#a4a8b0}
:where(html.clarity.dark) .nav-item{color:#8883ec}
:where(html.clarity.dark) .nav-item:hover{background:#1313130b}
:where(html.clarity.dark) .nav-item.active{box-shadow:0 4px 15px #00000036}
:where(html.clarity.dark) .nav-count{background:#13131315;color:#d6d9f5}
:where(html.clarity.dark) .nav-item.active .nav-count{background:#13131322}
:where(html.clarity.dark) .nav-divider{background:#13131312}
:where(html.clarity.dark) .nav-item.future{color:#a3a7b0}
:where(html.clarity.dark) .future .planned{border:1px solid #29292918}
:where(html.clarity.dark) .sidebar-bottom{border-top:1px solid #29292912}
:where(html.clarity.dark) .local-mark{background:#1313130b}
:where(html.clarity.dark) .sidebar-bottom strong{color:#c3c7f0}
:where(html.clarity.dark) .sidebar-bottom div>span{color:#a4a8b0}
:where(html.clarity.dark) .topbar{background:#131313}
:where(html.clarity.dark) .crumb-separator{color:#c9ccd2}
:where(html.clarity.dark) .fy-label{color:#b2b6bd}
:where(html.clarity.dark) .company-avatar{background:#121323;color:#c1c4ca}
:where(html.clarity.dark) .eyebrow{color:#a2a6af}
:where(html.clarity.dark) .primary{box-shadow:0 3px 7px #410b081e}
:where(html.clarity.dark) .secondary{background:#131313;border-color:#262947;color:#c1c3c9}
:where(html.clarity.dark) .secondary:hover{background:#10111f}
:where(html.clarity.dark) .icon-button{background:#131313;color:#b2b5bc}
:where(html.clarity.dark) .icon-button:hover{background:#10111f}
:where(html.clarity.dark) .stat-card{background:#131313}
:where(html.clarity.dark) .stat-card:hover{border-color:#3d3f43}
:where(html.clarity.dark) .stat-label{color:#b1b5bb}
:where(html.clarity.dark) .stat-icon.red{background:#240c0b;color:#ef8580}
:where(html.clarity.dark) .stat-icon.blue{background:#0b1525;color:#8bb0e4}
:where(html.clarity.dark) .stat-icon.green{background:#13231b;color:#94dbbf}
:where(html.clarity.dark) .stat-icon.orange{background:#271b0b;color:#e8bf88}
:where(html.clarity.dark) .stat-note{color:#a3a7b0}
:where(html.clarity.dark) .stat-note b{color:#e6ad89}
:where(html.clarity.dark) .register-panel{background:#131313;box-shadow:0 4px 16px #050a1205}
:where(html.clarity.dark) .panel-caption{color:#a2a6af}
:where(html.clarity.dark) .record-pill{background:#101220;color:#afb3ba;border:1px solid #2f3134}
:where(html.clarity.dark) .scope-tab{color:#abafb6}
:where(html.clarity.dark) .scope-tab .tab-count{background:#111222;color:#a7abb3}
:where(html.clarity.dark) .scope-tab.active .tab-count{background:#240c0b}
:where(html.clarity.dark) .filter-toolbar{background:#131313}
:where(html.clarity.dark) .search-box{border:1px solid #252845;background:#131313;color:#9da3ae}
:where(html.clarity.dark) .search-box:focus-within{border-color:#2c4062;box-shadow:0 0 0 2px #0a275320}
:where(html.clarity.dark) .search-box kbd{background:#161618;border:1px solid #242642;color:#a5aab3}
:where(html.clarity.dark) .filter-toolbar>select{border:1px solid #252845;background:#131313;color:#babdc3}
:where(html.clarity.dark) .advanced-filters{background:#131313}
:where(html.clarity.dark) .advanced-filters input,:where(html.clarity.dark) .advanced-filters select{border:1px solid #252845;background:#131313}
:where(html.clarity.dark) thead{background:#0f101d}
:where(html.clarity.dark) th{color:#a5a9b1}
:where(html.clarity.dark) td{border-bottom:1px solid #22243e;color:#b7bac1}
:where(html.clarity.dark) tbody tr:hover{background:#10131a}
:where(html.clarity.dark) .client-name{color:#8883ec}
:where(html.clarity.dark) .secondary-line{color:#9da2ad}
:where(html.clarity.dark) .enq-id{color:#bdc0c6}
:where(html.clarity.dark) .avatar{background:#111222;color:#adb1b8}
:where(html.clarity.dark) .badge{background:#18191b;color:#aaaeb5}
:where(html.clarity.dark) .badge.open{color:#b1d6c4;background:#152119}
:where(html.clarity.dark) .badge.received{color:#8883ec;background:#0c1524}
:where(html.clarity.dark) .badge.hold{color:#e7c588;background:#2d240d}
:where(html.clarity.dark) .badge.lost,:where(html.clarity.dark) .badge.canceled{color:#c59595;background:#240a0a}
:where(html.clarity.dark) .badge.unspecified{color:#a5a9b1;background:#18191b}
:where(html.clarity.dark) .priority-inline{color:#a7acb6}
:where(html.clarity.dark) .priority-dot{background:#2a2b2e}
:where(html.clarity.dark) .quote-cell{color:#c0c3c9}
:where(html.clarity.dark) .date-cell.overdue{color:#ddae92}
:where(html.clarity.dark) .missing{color:#abb0b9}
:where(html.clarity.dark) .row-open{color:#9aa0ab}
:where(html.clarity.dark) .table-footer{color:#a2a6af}
:where(html.clarity.dark) .rows-label select{background:#131313;color:#b3b6bd}
:where(html.clarity.dark) .workspace-footer{color:#9fa4af}
:where(html.clarity.dark) .empty-state strong{color:#8883ec}
:where(html.clarity.dark) .error-state{color:#df9490}
:where(html.clarity.dark) .loading-row{color:#a1a6ae}
:where(html.clarity.dark) dialog{border:1px solid #262947;background:#131313;box-shadow:0 20px 100px #03060d52}
:where(html.clarity.dark) dialog::backdrop{background:#14223365}
:where(html.clarity.dark) .dialog-header .icon-button{background:#10111f}
:where(html.clarity.dark) .form-section-heading{color:#8883ec}
:where(html.clarity.dark) .section-number{color:#a4a8b0;background:#121323}
:where(html.clarity.dark) .form-field{color:#bbbec4}
:where(html.clarity.dark) .form-field input,:where(html.clarity.dark) .form-field select,:where(html.clarity.dark) .form-field textarea{border:1px solid #262947;color:#8883ec;background:#131313}
:where(html.clarity.dark) .form-field input:focus,:where(html.clarity.dark) .form-field select:focus,:where(html.clarity.dark) .form-field textarea:focus{border-color:#5d8cd5;outline:2px solid #1d325380}
:where(html.clarity.dark) .form-field input:read-only{background:#0f111f;color:#a6aab2}
:where(html.clarity.dark) .field-help{color:#9ba0ab}
:where(html.clarity.dark) .field-error{color:#e0938f}
:where(html.clarity.dark) .form-field.invalid input,:where(html.clarity.dark) .form-field.invalid select,:where(html.clarity.dark) .form-field.invalid textarea{border-color:#cd6c65}
:where(html.clarity.dark) .identity-strip{background:#0f101e;border:1px solid #242642}
:where(html.clarity.dark) .identity-strip small{color:#9a9faa}
:where(html.clarity.dark) .identity-strip strong{color:#8883ec}
:where(html.clarity.dark) .identity-strip .auto-tag{color:#999ea9;background:#121424}
:where(html.clarity.dark) .editor-tab{color:#a8acb4}
:where(html.clarity.dark) .dialog-footer{background:#131313}
:where(html.clarity.dark) .dialog-footer>span{color:#9ca1ac}
:where(html.clarity.dark) .form-alert{border:1px solid #482d2b;background:#210c0a;color:#db9995}
:where(html.clarity.dark) .suggestions{border:1px solid #262947;background:#131313}
:where(html.clarity.dark) .suggestion{background:#131313;color:#8883ec;border-bottom:1px solid #21233d}
:where(html.clarity.dark) .suggestion:hover,:where(html.clarity.dark) .suggestion:focus{background:#0f1620}
:where(html.clarity.dark) .suggestion small{color:#a0a4ac}
:where(html.clarity.dark) .customer-selected{border:1px solid #314338;background:#141f18;color:#b2cfc1}
:where(html.clarity.dark) .customer-selected button{color:#b9bcc3}
:where(html.clarity.dark) .quote-summary{background:#10111f;color:#aaaeb5}
:where(html.clarity.dark) .quote-summary strong{color:#8883ec}
:where(html.clarity.dark) .import-warning{border:1px solid #4a412b;background:#241d0a;color:#c9bca3}
:where(html.clarity.dark) .activity-card header{color:#a1a5ae}
:where(html.clarity.dark) .activity-card small{color:#a4a8b0}
:where(html.clarity.dark) .source-table td:first-child{color:#a2a6ae}
:where(html.clarity.dark) .toast{background:#131313;color:#8883ec;border:1px solid #37383c;border-left:4px solid #608b76}
:where(html.clarity.dark) .toast.error{border-left-color:#cc645e;color:#d79c98}
:where(html.clarity.dark) .report-card{background:#131313}
:where(html.clarity.dark) .report-card p{color:#9aa0ab}
:where(html.clarity.dark) .bar-row{color:#b3b7bd}
:where(html.clarity.dark) .bar-track{background:#111221}
:where(html.clarity.dark) .bar-number{color:#a7abb3}
:where(html.clarity.dark) .detail-field{border-bottom:1px solid #21243e}
:where(html.clarity.dark) .detail-field small{color:#9da2ad}
:where(html.clarity.dark) .filter-count{background:#23120e}
:where(html.clarity.dark) .source-details{color:#acb0b7}
:where(html.clarity.dark) .source-details summary{color:#8883ec}
:where(html.clarity.dark) .import-flags{color:#9ca2ad}
:where(html.clarity.dark) .suggestions .suggestion[role=option]:focus{outline:2px solid #608dd2}
:where(html.clarity.dark) .continuous-form-note{color:#a4a8b0}
:where(html.clarity.dark) .history-section>summary{color:#8883ec}
:where(html.clarity.dark) #register-table thead{background:#0f101d}
:where(html.clarity.dark) .column-filters input,:where(html.clarity.dark) .column-filters select{border:1px solid #262947;background:#131313;color:#8883ec}
:where(html.clarity.dark) .column-filters input::placeholder{color:#9ea3ae}
:where(html.clarity.dark) .column-filters input:focus,:where(html.clarity.dark) .column-filters select:focus{border-color:#5d8cd5;outline:2px solid #1d325380}
:where(html.clarity.dark) .column-filters input[type=date]{color:#adb1b8}
:where(html.clarity.dark) .column-date{color:#9ba1ac}
:where(html.clarity.dark) .filter-hint{color:#9ba1ac}
/* masters.css */
:where(html.clarity.dark) .master-assignment-note{border:1px solid #be9c74;background:#221c11;color:#d7c9b4}
:where(html.clarity.dark) .master-conflict{color:#d2bfac}
:where(html.clarity.dark) .master-contact-card{background:#161618}
:where(html.clarity.dark) .master-contact-card [data-remove-contact]{color:#c7afa9}
:where(html.clarity.dark) .master-contact-empty,:where(html.clarity.dark) .master-related-empty{border:1px dashed #3c3e42;background:#161618}
:where(html.clarity.dark) .master-origin{color:#c0c3c9}
:where(html.clarity.dark) .project-status{background:#1a2018;border:1px solid #383a3d;color:#c0c3c8}
:where(html.clarity.dark) .master-status-row{background:#161618}
/* customers.css */
:where(html.clarity.dark) .customer-order-confirmed{border:1px solid #38393d}
:where(html.clarity.dark) .customer-booking-status.ready{border-color:#38393d}
:where(html.clarity.dark) #reject-customer-approval{border-color:#463732}
/* auth.css */
:where(html.clarity.dark) .auth-screen{background:radial-gradient(ellipse at 18% 15%, var(--accent-soft), transparent 55%), linear-gradient(135deg, var(--canvas), #1a1b1c)}
:where(html.clarity.dark) .auth-card{box-shadow:0 14px 48px #0b12130e}
:where(html.clarity.dark) .auth-card input:hover{border-color:#44464b}
:where(html.clarity.dark) .auth-card input:focus{box-shadow:0 0 0 3px #0f0c4f1a}
/* theme.css */
html:where(.clarity.dark){--ink:#cfdcde;--muted:#b9bcc3;--line:#343639;--surface:#131313;--canvas:#18181a;--sidebar:#161618;--accent:#8883ec;--accent-hover:#3b33e0;--accent-soft:#19221e;--blue:#8883ec;--blue-soft:#121323;--success:#bcd6c8;--success-soft:#18201b;--warning:#ddc392;--warning-soft:#261f10;--danger:#d79c98;--danger-soft:#231511;--shadow:0 8px 30px #0b12131a}
:where(html.clarity.dark) input::placeholder,:where(html.clarity.dark) textarea::placeholder{color:#b0b3b9}
:where(html.clarity.dark) .brand > span{color:#bdc0c6}
:where(html.clarity.dark) .nav-item{color:#c0c3c9}
:where(html.clarity.dark) .nav-item:hover{background:#1a1b1d}
:where(html.clarity.dark) .nav-count,:where(html.clarity.dark) .nav-item.active .nav-count{background:#222426;color:#c1d7d0}
:where(html.clarity.dark) .nav-count.red{background:#302917}
:where(html.clarity.dark) .future-nav > summary:hover{background:#1a1b1d}
:where(html.clarity.dark) .future .planned{background:#191a1c;color:#b9bcc2}
:where(html.clarity.dark) .sidebar-bottom strong{color:#c3c6cb}
:where(html.clarity.dark) .topbar{background:#151911}
:where(html.clarity.dark) .fy-label{background:#191a1c}
:where(html.clarity.dark) .crumb-separator{color:#a2a7b0}
:where(html.clarity.dark) .company-avatar{border-color:#37393d}
:where(html.clarity.dark) .eyebrow{color:#b8bcc2}
:where(html.clarity.dark) .primary{box-shadow:0 2px 5px #0f0c4f1d}
:where(html.clarity.dark) .secondary{color:#c1c4ca;border-color:#383a3d}
:where(html.clarity.dark) .secondary:hover{background:#1a1b1d;border-color:#45474b}
:where(html.clarity.dark) .icon-button{color:#babdc4}
:where(html.clarity.dark) .stat-card{box-shadow:0 2px 8px #0b121305}
:where(html.clarity.dark) .stat-card:hover{background:#151911;border-color:#494b50;box-shadow:0 4px 16px #0b12130d}
:where(html.clarity.dark) .stat-label{color:#bec1c7}
:where(html.clarity.dark) .register-panel{box-shadow:0 3px 16px #0b121306}
:where(html.clarity.dark) .record-pill{background:#191a1b;color:#bec1c7;border-color:#343538}
:where(html.clarity.dark) .scope-tab{color:#babdc4}
:where(html.clarity.dark) .scope-tab:hover{background:#18191a}
:where(html.clarity.dark) .scope-tab.active{border-color:#3b3d41}
:where(html.clarity.dark) .scope-tab .tab-count{color:#bec1c7;background:#1a1b1d}
:where(html.clarity.dark) .scope-tab.active .tab-count{background:#212b25}
:where(html.clarity.dark) .search-box{border-color:#383a3d;background:#151911}
:where(html.clarity.dark) .search-box:focus-within{box-shadow:0 0 0 3px #0f0c4f1d}
:where(html.clarity.dark) .search-box kbd{color:#b8bbc2;background:#191a1c}
:where(html.clarity.dark) #register-table thead{background:#18191a}
:where(html.clarity.dark) #register-table th{color:#bfc2c8}
:where(html.clarity.dark) #register-table td{color:#bfc2c8;border-bottom-color:#313235}
:where(html.clarity.dark) #register-table tbody tr:nth-child(even) td{background:#121815}
:where(html.clarity.dark) #register-table tbody tr:hover td,:where(html.clarity.dark) #register-table tbody tr:focus-visible td{background:#181f1a}
:where(html.clarity.dark) #register-table th:first-child{background:#18191a}
:where(html.clarity.dark) .enq-id{color:#c2c5cb}
:where(html.clarity.dark) .column-filters input,:where(html.clarity.dark) .column-filters select{border-color:#393b3e;color:#c0c3c8}
:where(html.clarity.dark) .column-filters input::placeholder{color:#b1b4b9}
:where(html.clarity.dark) .column-filters input:focus,:where(html.clarity.dark) .column-filters select:focus{outline:2px solid #5c55d81c}
:where(html.clarity.dark) .column-filters input[type=date]{color:#bec1c7}
:where(html.clarity.dark) .avatar{color:#bfc2c7;background:#1d1e20}
:where(html.clarity.dark) .badge{color:#b9bcc2;background:#191a1c}
:where(html.clarity.dark) .badge.unspecified{color:#b8bbc0;background:#1a1b1d}
:where(html.clarity.dark) .priority-dot.high{background:#684f45}
:where(html.clarity.dark) .priority-dot.med{background:#675d47}
:where(html.clarity.dark) .priority-dot.low{background:#47494e}
:where(html.clarity.dark) .date-cell.overdue{color:#cfb6a9}
:where(html.clarity.dark) .row-open:hover{background:#1d2721}
:where(html.clarity.dark) .table-footer{background:#151911}
:where(html.clarity.dark) .empty-state strong{color:#c0c3c8}
:where(html.clarity.dark) dialog{box-shadow:0 16px 80px #0b121342}
:where(html.clarity.dark) dialog::backdrop{background:#202f2d54}
:where(html.clarity.dark) .dialog-header{background:#151911}
:where(html.clarity.dark) .dialog-header .icon-button{background:#1a1b1c}
:where(html.clarity.dark) .form-section-heading{color:#c6c9ce}
:where(html.clarity.dark) .form-field{color:#c0c3c9}
:where(html.clarity.dark) .form-field input,:where(html.clarity.dark) .form-field select,:where(html.clarity.dark) .form-field textarea{border-color:#393b3e}
:where(html.clarity.dark) .form-field input:focus,:where(html.clarity.dark) .form-field select:focus,:where(html.clarity.dark) .form-field textarea:focus{outline:3px solid #5c55d814}
:where(html.clarity.dark) .form-field input:read-only{color:#b8bbc1;background:#191a1b}
:where(html.clarity.dark) .form-alert{border-color:#47332d}
:where(html.clarity.dark) .form-field.invalid input,:where(html.clarity.dark) .form-field.invalid select,:where(html.clarity.dark) .form-field.invalid textarea{border-color:#6e514c}
:where(html.clarity.dark) .identity-strip{background:#1b1c1e;border-color:#37393d}
:where(html.clarity.dark) .identity-strip small{color:#bdc0c6}
:where(html.clarity.dark) .identity-strip strong{color:#8883ec}
:where(html.clarity.dark) .identity-strip .auto-tag{color:#c1c4ca;background:#1f2923}
:where(html.clarity.dark) .dialog-footer{background:#151911}
:where(html.clarity.dark) .customer-selected{border-color:#3a3c3f}
:where(html.clarity.dark) .quote-summary{color:#b9bcc2}
:where(html.clarity.dark) .import-warning{border-color:#49422f}
:where(html.clarity.dark) .toast{color:#c3d7ce;border-color:#3a3c40}
:where(html.clarity.dark) .bar-track{background:#1a1b1d}
:where(html.clarity.dark) .register-downloads{background:#161618}
:where(html.clarity.dark) .register-downloads strong{color:#c1c4c9}
:where(html.clarity.dark) .required-star{color:var(--danger, #dc9b93)}
:where(html.clarity.dark) .is-missing input,:where(html.clarity.dark) .is-missing select,:where(html.clarity.dark) .is-missing textarea,:where(html.clarity.dark) .is-missing button,:where(html.clarity.dark) input.is-missing,:where(html.clarity.dark) select.is-missing,:where(html.clarity.dark) textarea.is-missing,:where(html.clarity.dark) button.is-missing,:where(html.clarity.dark) input[aria-invalid="true"],:where(html.clarity.dark) select[aria-invalid="true"],:where(html.clarity.dark) textarea[aria-invalid="true"],:where(html.clarity.dark) button[aria-invalid="true"]{border-color:#b54236!important;box-shadow:0 0 0 2px #351e1a!important}
:where(html.clarity.dark) .is-missing > label,:where(html.clarity.dark) .is-missing > span:first-child{color:#e2968d}
:where(html.clarity.dark) .missing-note{color:#e2968d}
:where(html.clarity.dark) .is-missing .ow-unit-select{border-color:#494b50!important}
/* orders.css */
:where(html.clarity.dark) .ow-button,:where(html.clarity.dark) .ow-link{border:1px solid #3a3b3f;background:#131313}
:where(html.clarity.dark) .ow-danger{border-color:#4c3631}
:where(html.clarity.dark) .ow-search{border:1px solid #3a3c3f;background:#131313}
:where(html.clarity.dark) .ow-panel{background:#131313}
:where(html.clarity.dark) .ow-register-table th{color:#bfc2c8;background:#18191a}
:where(html.clarity.dark) .ow-register-table td{border-bottom:1px solid #313235;color:#c0c3c9}
:where(html.clarity.dark) .ow-register-table tbody tr:nth-child(even){background:#121815}
:where(html.clarity.dark) .ow-register-table tbody tr:hover,:where(html.clarity.dark) .ow-register-table tbody tr:focus-within{background:#171f19}
:where(html.clarity.dark) .ow-register-table .ow-col-filter{border:1px solid #3a3c40;background:#131313}
:where(html.clarity.dark) .ow-status{background:#1a1b1c;color:#b9bcc2}
:where(html.clarity.dark) .ow-pager{background:#151911}
:where(html.clarity.dark) .ow-empty strong{color:#c2c5cb}
:where(html.clarity.dark) .ow-error{border:1px solid #4c3631}
:where(html.clarity.dark) .ow-dialog{background:#131313;box-shadow:0 16px 75px #0b12134a}
:where(html.clarity.dark) .ow-dialog::backdrop{background:#202f2d55}
:where(html.clarity.dark) .ow-dialog-head{background:#151911}
:where(html.clarity.dark) .ow-close{background:#1a1b1d}
:where(html.clarity.dark) .ow-dialog-foot{background:#151911}
:where(html.clarity.dark) .ow-field{color:#bec1c7}
:where(html.clarity.dark) .ow-field input,:where(html.clarity.dark) .ow-field select,:where(html.clarity.dark) .ow-field textarea{border:1px solid #3a3c40;background:#131313}
:where(html.clarity.dark) .ow-field input:read-only{background:#17181a}
:where(html.clarity.dark) .ow-field input::placeholder,:where(html.clarity.dark) .ow-field textarea::placeholder{color:#afb2b8}
:where(html.clarity.dark) .ow-lines-table th{background:#18191a;color:#bfc2c8}
:where(html.clarity.dark) .ow-lines-table td{border-bottom:1px solid #313235}
:where(html.clarity.dark) .ow-lines-table tbody tr:nth-child(even){background:#121815}
:where(html.clarity.dark) .ow-lines-table tbody tr:focus-within{background:#171f19}
:where(html.clarity.dark) .ow-lines-table input{border:1px solid #3a3c40;background:#131313}
:where(html.clarity.dark) .ow-line-code{border:1px solid #383a3d;background:#131313;color:#c1d7cf}
:where(html.clarity.dark) .ow-price-history{color:#babdc3}
:where(html.clarity.dark) .ow-price-history span:nth-child(even){color:#c6c9ce}
:where(html.clarity.dark) .ow-line-actions .ow-remove{color:#c9aaa6}
:where(html.clarity.dark) .ow-line-number{color:#b2b6bc}
:where(html.clarity.dark) .ow-line-empty{color:#a3a7b0}
:where(html.clarity.dark) .ow-price-warning{color:#e0c48f}
:where(html.clarity.dark) .ow-error-strip{box-shadow:0 5px 18px #0b121333}
:where(html.clarity.dark) .ow-order-readonly input,:where(html.clarity.dark) .ow-order-readonly select,:where(html.clarity.dark) .ow-order-readonly textarea{background:#17181a}
:where(html.clarity.dark) .ow-restricted{color:#b5b8be}
:where(html.clarity.dark) .ow-section{background:#131313}
:where(html.clarity.dark) .ow-section h3{color:#c6c9ce}
:where(html.clarity.dark) .ow-notice{border:1px solid #393b3e;background:#171f19;color:#c0c3c9}
:where(html.clarity.dark) .ow-picker-search{background:#171719}
:where(html.clarity.dark) .ow-picker-search input{border:1px solid #3b3c40}
:where(html.clarity.dark) .ow-picker-search select{border:1px solid #3b3c40}
:where(html.clarity.dark) .ow-picker-table th{background:#191a1b;color:#bfc2c7}
:where(html.clarity.dark) .ow-tabs{background:#151618}
:where(html.clarity.dark) .ow-tab{color:#bbbec4}
:where(html.clarity.dark) .ow-tab.active{border-color:#3e4043;color:#c2d9d2}
:where(html.clarity.dark) .ow-doc-row{background:#131313}
:where(html.clarity.dark) .ow-history-card{background:#131313}
:where(html.clarity.dark) .ow-revision-tag{border:1px solid #383a3d;background:#171f19;color:#c2c4ca}
:where(html.clarity.dark) .ow-root,:where(html.clarity.dark) .ow-dialog{--ow-bar:var(--erp-bar,#5b6069);--ow-bar-dark:var(--erp-bar-dark,#494d55);--ow-head:var(--erp-grid-head,#3a311a);--ow-selected:var(--erp-grid-selected,#393111);--ow-edit:var(--erp-edit,#28200c);--ow-border:var(--erp-border,#494b50);--ink:#8883ec;--muted:#b4b7be;--canvas:#18181a;--accent:#8883ec;--accent-hover:#5e56e6;--accent-soft:#131426}
:where(html.clarity.dark) .ow-heading p{color:#eaecfa}
:where(html.clarity.dark) .ow-heading .ow-button{background:#0f101d;color:#8883ec;border-color:#3a3b3f}
:where(html.clarity.dark) .ow-heading .ow-primary{background:#2e260d;border-color:#ccb066;color:#caccd1}
:where(html.clarity.dark) .ow-button,:where(html.clarity.dark) .ow-link{border-color:#4b4d52;color:#8883ec;background:#0f101d;box-shadow:inset 0 1px 0 #1a1a1a}
:where(html.clarity.dark) .ow-button:hover:not(:disabled),:where(html.clarity.dark) .ow-link:hover{background:#131426;border-color:#5b5e64}
:where(html.clarity.dark) .ow-button:focus-visible,:where(html.clarity.dark) .ow-link:focus-visible,:where(html.clarity.dark) .ow-open:focus-visible,:where(html.clarity.dark) .ow-tab:focus-visible,:where(html.clarity.dark) .ow-close:focus-visible{outline:2px solid #5f59d9}
:where(html.clarity.dark) .ow-primary{background:#5e56e6;border-color:#5f59d9}
:where(html.clarity.dark) .ow-primary:hover:not(:disabled){background:#5e56e6}
:where(html.clarity.dark) .ow-danger{color:#d89c98;border-color:#5c4745;background:#210d09}
:where(html.clarity.dark) .ow-search{background:#131313}
:where(html.clarity.dark) .ow-scope-note{color:#b5b8bf}
:where(html.clarity.dark) .ow-panel{background:#131313}
:where(html.clarity.dark) .ow-register-table th{color:#8883ec;border:1px solid #484a4f}
:where(html.clarity.dark) .ow-register-table td{color:#c8cbd0;border-bottom:1px solid #3a3c40;border-right:1px solid #37383c}
:where(html.clarity.dark) .ow-register-table tbody tr:nth-child(even){background:#17181a}
:where(html.clarity.dark) .ow-register-table .ow-col-filter{border-color:#4e5053;background:#211b0a}
:where(html.clarity.dark) .ow-cell-title{color:#8883ec}
:where(html.clarity.dark) .ow-secondary{color:#b3b6bd}
:where(html.clarity.dark) .ow-open{border:1px solid #414347;background:#0e0f1c}
:where(html.clarity.dark) .ow-open:hover{background:#141527}
:where(html.clarity.dark) .ow-pager{background:#191a1b}
:where(html.clarity.dark) .ow-empty{color:#b2b5bc}
:where(html.clarity.dark) .ow-empty strong{color:#8883ec}
:where(html.clarity.dark) .ow-dialog{background:#191a1b;box-shadow:0 10px 34px #0d0a445a}
:where(html.clarity.dark) .ow-dialog::backdrop{background:#2e25de55}
:where(html.clarity.dark) .ow-dialog-head p{color:#ebecfa}
:where(html.clarity.dark) .ow-close{border:1px solid #3c3e42;background:#121323;color:#8883ec}
:where(html.clarity.dark) .ow-dialog-foot{background:#131526;color:#b9bcc2}
:where(html.clarity.dark) .ow-order-summary{background:#0e0f1c}
:where(html.clarity.dark) .ow-field{color:#bfc2c8}
:where(html.clarity.dark) .ow-field input,:where(html.clarity.dark) .ow-field select,:where(html.clarity.dark) .ow-field textarea{border-color:#494b50;color:#8883ec}
:where(html.clarity.dark) .ow-field input:focus,:where(html.clarity.dark) .ow-field select:focus,:where(html.clarity.dark) .ow-field textarea:focus{outline:2px solid #5f59d9;background:#352d0f}
:where(html.clarity.dark) .ow-field input:read-only,:where(html.clarity.dark) .ow-field textarea:read-only,:where(html.clarity.dark) .ow-field select:disabled{background:#121424;color:#b8bbc2}
:where(html.clarity.dark) .ow-field input::placeholder,:where(html.clarity.dark) .ow-field textarea::placeholder{color:#acafb6}
:where(html.clarity.dark) .ow-field button{border-color:#494b50}
:where(html.clarity.dark) .ow-helper{color:#b2b5bc}
:where(html.clarity.dark) .ow-items-toolbar{background:#1c1d1f}
:where(html.clarity.dark) .ow-items-toolbar strong{color:#8883ec}
:where(html.clarity.dark) .ow-lines-table th{color:#8883ec;border-bottom:1px solid #4b4e52;border-right:1px solid #474a4e}
:where(html.clarity.dark) .ow-lines-table td{border-bottom:1px solid #3a3c40;border-right:1px solid #37393c;color:#cbcdd2}
:where(html.clarity.dark) .ow-lines-table tbody tr:nth-child(even){background:#17181a}
:where(html.clarity.dark) .ow-lines-table input{border-color:#494b50}
:where(html.clarity.dark) .ow-lines-table input:focus{outline:2px solid #5f59d9;background:#3b3211}
:where(html.clarity.dark) .ow-lines-table input:read-only{background:#121424}
:where(html.clarity.dark) .ow-line-code{border-color:#46494d;background:#211c0a;color:#8883ec}
:where(html.clarity.dark) .ow-line-code:hover:not(:disabled){border-color:#5b5e63;background:#362d10}
:where(html.clarity.dark) .ow-line-code:disabled{color:#bcbfc5;background:#17181a}
:where(html.clarity.dark) .ow-line-spec{color:#b2b6bd}
:where(html.clarity.dark) .ow-price-history{color:#b6b9bf}
:where(html.clarity.dark) .ow-price-history span:nth-child(even){color:#8883ec}
:where(html.clarity.dark) .ow-line-number{color:#b2b5bc}
:where(html.clarity.dark) .ow-price-warning{color:#e1be8e}
:where(html.clarity.dark) .ow-document-button small{color:#b1b5bc}
:where(html.clarity.dark) .ow-order-totals{background:#1c1b12}
:where(html.clarity.dark) .ow-total-row{color:#b7bac1}
:where(html.clarity.dark) .ow-total-row strong{color:#8883ec}
:where(html.clarity.dark) .ow-order-readonly input,:where(html.clarity.dark) .ow-order-readonly select,:where(html.clarity.dark) .ow-order-readonly textarea{background:#121323}
:where(html.clarity.dark) .ow-dialog-body{background:#17181a}
:where(html.clarity.dark) .ow-section{background:#131313}
:where(html.clarity.dark) .ow-section h3{color:#bcbfc5;border-bottom:1px solid #35373a}
:where(html.clarity.dark) .ow-notice{border-color:#3f4144;background:#121323;color:#babdc3}
:where(html.clarity.dark) .ow-picker-search{background:#131526}
:where(html.clarity.dark) .ow-picker-search input,:where(html.clarity.dark) .ow-picker-search select{border-color:#494b50}
:where(html.clarity.dark) .ow-picker-table th{color:#8883ec;border:1px solid #494b4f}
:where(html.clarity.dark) .ow-picker-table td{border-bottom:1px solid #3a3c40;border-right:1px solid #37393c}
:where(html.clarity.dark) .ow-picker-table tbody tr:nth-child(even){background:#18181a}
:where(html.clarity.dark) .ow-tabs{background:#141628;border-bottom:1px solid #494b50}
:where(html.clarity.dark) .ow-tab{border:1px solid #414347;color:#babdc3;background:#101220}
:where(html.clarity.dark) .ow-tab.active{border-color:#5f59d9;color:#8883ec}
:where(html.clarity.dark) .ow-tab-panel{background:#18191b}
:where(html.clarity.dark) .ow-register .ow-table-area:focus-visible,:where(html.clarity.dark) .ow-picker-list:focus-visible,:where(html.clarity.dark) .ow-technical-body:focus-visible{outline:2px solid #5f59d9}
:where(html.clarity.dark) .ow-register-table tbody tr:focus-visible,:where(html.clarity.dark) .ow-lines-table tbody tr:focus-visible,:where(html.clarity.dark) .ow-picker-table tbody tr:focus-visible{outline:2px solid #5f59d9}
:where(html.clarity.dark) .ow-technical-link{color:#8883ec}
:where(html.clarity.dark) .ow-technical-link:hover{color:#8883ec}
:where(html.clarity.dark) .ow-technical-link:focus-visible{outline:2px solid #5f59d9}
:where(html.clarity.dark) .ow-technical-pane{background:#0e121b}
:where(html.clarity.dark) .ow-technical-head{background:#131526;border-bottom:1px solid #3d3f43}
:where(html.clarity.dark) .ow-technical-head strong{color:#8883ec}
:where(html.clarity.dark) .ow-technical-grid>div{border-bottom:1px solid #333538}
:where(html.clarity.dark) .ow-technical-grid dt{color:#b1b5bc}
:where(html.clarity.dark) .ow-technical-grid dd{color:#8883ec}
:where(html.clarity.dark) .ow-recorded-spec{color:#babdc3}
:where(html.clarity.dark) .ow-option-edit{border:1px solid #494b50;color:#8883ec}
:where(html.clarity.dark) .ow-product-table{--pt-line:#37393d}
:where(html.clarity.dark) .ow-product-block>h3{color:#8883ec;background:#131526;border:1px solid #474a4e}
:where(html.clarity.dark) .ow-type-field-scroll{border:1px solid #414347}
:where(html.clarity.dark) .ow-type-fields th{color:#8883ec;border:1px solid #494b4f}
:where(html.clarity.dark) .ow-type-fields td{border:1px solid #292c4b}
:where(html.clarity.dark) .ow-type-fields td input:not([type=checkbox]){border:1px solid #494b50;color:#8883ec}
:where(html.clarity.dark) .ow-legend-block{border:1px solid #35373a}
:where(html.clarity.dark) .ow-item-ref{border:1px solid #494b50}
:where(html.clarity.dark) .ow-required{color:#df9a90}
:where(html.clarity.dark) .ow-tech-field.ow-missing input,:where(html.clarity.dark) .ow-tech-field.ow-missing select,:where(html.clarity.dark) .ow-tech-field.ow-missing .ow-item-ref{border-color:#694d48}
:where(html.clarity.dark) .ow-required-list .done{color:#c4c7cc}
:where(html.clarity.dark) .ow-required-list .missing{color:#df9a90}
:where(html.clarity.dark) .ow-preview-problems{color:#df9a90}
:where(html.clarity.dark) .ow-warning{background:#261e10;border:1px solid #c4a36e;color:#e2d1b9}
:where(html.clarity.dark) .ow-contains{border-left:1px solid #37393d}
:where(html.clarity.dark) .ow-type-fields select{border:1px solid #494b50;color:#8883ec}
:where(html.clarity.dark) .ow-type-display>td{background:#161718}
:where(html.clarity.dark) .ow-option-views{border:1px solid #414347}
:where(html.clarity.dark) .ow-pick-modes{border-bottom:1px solid #494b50}
:where(html.clarity.dark) .ow-pick-body{background:#17181a}
:where(html.clarity.dark) .ow-pick-controls{border-right:1px solid #3d3f43;background:#121323}
:where(html.clarity.dark) .ow-duty-pair>select{border:1px solid #494b50}
:where(html.clarity.dark) .ow-step-chosen>span{color:#8883ec}
:where(html.clarity.dark) .ow-pick-results{background:#131313}
:where(html.clarity.dark) .ow-match.exact{color:#c4c7cc}
:where(html.clarity.dark) .ow-pick-unavailable{color:#df9a90}
:where(html.clarity.dark) .ow-pick-detail{border-left:1px solid #3d3f43;background:#131313}
:where(html.clarity.dark) .ow-pick-subhead{color:#8883ec;border-top:1px solid #3d3f43}
:where(html.clarity.dark) .ow-tech-part em{color:#b1b5bc}
:where(html.clarity.dark) .ow-tech-part::before{color:#acb1ba}
:where(html.clarity.dark) .ow-line-spec .ow-tech-full{color:#c7c9ce}
:where(html.clarity.dark) .ow-total-charge input{border:1px solid #494b50}
:where(html.clarity.dark) .ow-total-sub{color:#bec1c7}
:where(html.clarity.dark) .ow-revision-select{border:1px solid #3c3e42;background:#121323;color:#8883ec}
:where(html.clarity.dark) .ow-letterhead-preview img{background:#131313;box-shadow:0 1px 4px #0d0a4436}
:where(html.clarity.dark) .ow-total-charge input:read-only{background:#121424;color:#b8bbc2}
:where(html.clarity.dark) .ow-thumb{border:1px solid #3c3e42;background:#131313}
:where(html.clarity.dark) .ow-thumb:hover,:where(html.clarity.dark) .ow-thumb:focus-visible{border-color:#5f59d9;box-shadow:0 0 0 2px #100c5366}
:where(html.clarity.dark) .ow-thumb-none{color:#a7acb5}
:where(html.clarity.dark) .ow-product-image button{border:1px solid #3c3e42;background:#131313}
:where(html.clarity.dark) .ow-product-image figcaption{color:#b2b5bc}
:where(html.clarity.dark) .ow-image-stage{background:#131313}
:where(html.clarity.dark) .ow-image-missing::after{color:#d5c6ad}
:where(html.clarity.dark) .ow-line-splitter{background:#141628;border-top:1px solid #3a3c40;border-bottom:1px solid #3a3c40}
:where(html.clarity.dark) .ow-line-splitter span{background:#404246}
:where(html.clarity.dark) .ow-line-splitter:hover,:where(html.clarity.dark) .ow-line-splitter.ow-dragging,:where(html.clarity.dark) .ow-line-splitter:focus-visible{background:#181a30}
:where(html.clarity.dark) .ow-line-splitter:hover span,:where(html.clarity.dark) .ow-line-splitter.ow-dragging span,:where(html.clarity.dark) .ow-line-splitter:focus-visible span{background:#5e56e6}
:where(html.clarity.dark) .ow-line-makes{border:1px dashed #434549;background:#131313;color:#8883ec}
:where(html.clarity.dark) .ow-line-makes strong{color:#b1b5bc}
:where(html.clarity.dark) .ow-line-makes:not(.ow-line-makes-empty){background:#0a1223}
:where(html.clarity.dark) .ow-line-makes-empty{color:#b5b8bf}
:where(html.clarity.dark) .ow-line-makes:hover,:where(html.clarity.dark) .ow-line-makes:focus-visible{border-color:#5f59d9;background:#2a230c}
:where(html.clarity.dark) .ow-pc-body{border:1px solid #3d3f43}
:where(html.clarity.dark) .ow-pc-list{background:#131313}
@media (max-width:760px){:where(html.clarity.dark) .ow-pc-body .ow-pick-controls{border-bottom:1px solid #3d3f43}
}
:where(html.clarity.dark) .ow-type-sample{border:1px solid #414347;background:#131313}
:where(html.clarity.dark) .ow-type-sample [data-ow-legend].ow-drop-target>th,:where(html.clarity.dark) .ow-type-sample [data-ow-legend].ow-drop-target>td,:where(html.clarity.dark) .ow-type-sample td.ow-drop-target{background:#0c1828}
:where(html.clarity.dark) .ow-drag-handle{color:#aaadb5}
:where(html.clarity.dark) .ow-type-list-head p{color:var(--muted,#babdc3)}
:where(html.clarity.dark) .ow-type-list-wrap{border:1px solid var(--line,#262947)}
:where(html.clarity.dark) .ow-type-list th{background:var(--mod-soft,#121323)}
:where(html.clarity.dark) .ow-type-list td{border-top:1px solid var(--line,#313235)}
:where(html.clarity.dark) .ow-type-list tbody tr:hover td,:where(html.clarity.dark) .ow-type-list tbody tr:focus td{background:#27210b}
:where(html.clarity.dark) .ow-type-legends span{background:#121323}
:where(html.clarity.dark) .ow-type-off{color:#e89587}
:where(html.clarity.dark) .ow-type-title small{color:var(--muted,#b5b8bd)}
/* desktop.css */
html:where(.clarity.dark){--ink:#8883ec;--muted:#babdc3;--line:#3f4145;--surface:#131313;--canvas:#1a1b1c;--sidebar:#17181a;--accent:#8883ec;--accent-hover:#534ce4;--accent-soft:#131527;--blue:#8883ec;--blue-soft:#131425;--success:#bdd4c8;--success-soft:#1b1c1e;--warning:#dfc590;--warning-soft:#2e250d;--danger:#d0aca7;--danger-soft:#241713;--erp-bar:#5b6069;--erp-bar-dark:#494d55;--erp-grid-head:#3a311a;--erp-grid-selected:#393111;--erp-edit:#28200c;--erp-border:#494b50;--shadow:0 4px 16px #0d0a4223}
:where(html.clarity.dark) button:focus-visible,:where(html.clarity.dark) a:focus-visible,:where(html.clarity.dark) summary:focus-visible{outline:2px solid #5f59d9}
:where(html.clarity.dark) input:focus-visible,:where(html.clarity.dark) select:focus-visible,:where(html.clarity.dark) textarea:focus-visible{outline:2px solid #5f59d9}
:where(html.clarity.dark) .sidebar,:where(html.clarity.dark) body.orders-mode .sidebar{background:#17181a}
:where(html.clarity.dark) .nav-item,:where(html.clarity.dark) body.orders-mode .nav-item{color:#8883ec}
:where(html.clarity.dark) .nav-item:hover{background:#1c1d1f}
:where(html.clarity.dark) .nav-item.active{background:#141628;color:#8883ec;box-shadow:inset 3px 0 0 #100c53}
:where(html.clarity.dark) .nav-count,:where(html.clarity.dark) .nav-item.active .nav-count{background:#16182c;color:#8883ec}
:where(html.clarity.dark) .nav-count.red{background:#332b17;color:#dfc590}
:where(html.clarity.dark) .sidebar-bottom strong{color:#8883ec}
:where(html.clarity.dark) .local-mark{background:#141628}
:where(html.clarity.dark) .topbar,:where(html.clarity.dark) body.orders-mode .topbar{background:#151618}
:where(html.clarity.dark) .breadcrumb strong{color:#8883ec}
:where(html.clarity.dark) .fy-label{background:#1c1d1f;color:#8883ec}
:where(html.clarity.dark) .company-avatar{background:#141628;color:#8883ec}
:where(html.clarity.dark) .page-heading{background:#1e1f21}
:where(html.clarity.dark) .button.primary{border-color:#5f59d9}
:where(html.clarity.dark) .button.secondary{background:#0f101d;color:#8883ec}
:where(html.clarity.dark) .button.secondary:hover{background:#131526;border-color:#56595e}
:where(html.clarity.dark) .stat-label{color:#bec1c7}
:where(html.clarity.dark) .panel-caption{color:#ebecfa}
:where(html.clarity.dark) .record-pill{background:#13131318;border:1px solid #29292950}
:where(html.clarity.dark) .scope-tabs{background:#18191b}
:where(html.clarity.dark) .scope-tab{color:#bdc0c6}
:where(html.clarity.dark) .scope-tab.active{background:#141628;color:#8883ec;border-color:#5f59d9}
:where(html.clarity.dark) .scope-tab .tab-count{background:#1c1d1f}
:where(html.clarity.dark) .scope-tab.active .tab-count{background:#191b31;color:#8883ec}
:where(html.clarity.dark) .filter-toolbar{background:#0f101d}
:where(html.clarity.dark) .search-box{background:#131313}
:where(html.clarity.dark) .register-downloads{background:#17181a}
:where(html.clarity.dark) #register-table th{color:#8883ec;border-right:1px solid #5b5444}
:where(html.clarity.dark) #register-table td{color:#8883ec;border-right:1px solid #37393c;border-bottom:1px solid #393b3e}
:where(html.clarity.dark) #register-table tbody tr:nth-child(even) td{background:#171719}
:where(html.clarity.dark) #register-table tbody tr.erp-selected td:first-child{box-shadow:inset 3px 0 0 #100c53}
:where(html.clarity.dark) #register-table tbody tr:focus-visible{outline:2px solid #5f59d9}
:where(html.clarity.dark) #register-table .avatar{background:#141628;color:#8883ec}
:where(html.clarity.dark) #register-table .enq-id{color:#8883ec}
:where(html.clarity.dark) #register-table .column-filters input,:where(html.clarity.dark) #register-table .column-filters select,:where(html.clarity.dark) #register-table .master-column-filters input{border:1px solid #4d4f54;background:#221c0a;color:#8883ec}
:where(html.clarity.dark) #register-table .column-filters input:focus,:where(html.clarity.dark) #register-table .column-filters select:focus{outline:2px solid #5f59d9;border-color:#5f59d9}
:where(html.clarity.dark) .table-footer{background:#121424}
:where(html.clarity.dark) dialog{box-shadow:0 10px 36px #0d0a4252}
:where(html.clarity.dark) dialog::backdrop{background:#2d24de55}
:where(html.clarity.dark) .dialog-header{border-bottom:1px solid #5e6168}
:where(html.clarity.dark) .dialog-header p{color:#edeefa}
:where(html.clarity.dark) .dialog-header .icon-button{border:1px solid #29292960;background:#13131314}
:where(html.clarity.dark) .editor-body{background:#18191b}
:where(html.clarity.dark) .form-section{background:#131313}
:where(html.clarity.dark) .form-section-heading{background:#16172b;color:#8883ec}
:where(html.clarity.dark) .form-field{color:#c6c9ce}
:where(html.clarity.dark) .form-field input,:where(html.clarity.dark) .form-field select,:where(html.clarity.dark) .form-field textarea{border:1px solid #45474c;color:#8883ec}
:where(html.clarity.dark) .form-field input:read-only,:where(html.clarity.dark) .master-fixed-value{background:#121323;color:#b9bcc3}
:where(html.clarity.dark) .form-field input:focus,:where(html.clarity.dark) .form-field select:focus,:where(html.clarity.dark) .form-field textarea:focus{border-color:#5f59d9;outline:2px solid #5f59d9}
:where(html.clarity.dark) .identity-strip{background:#0f101d}
:where(html.clarity.dark) .identity-strip small{color:#bec1c7}
:where(html.clarity.dark) .identity-strip strong{color:#8883ec}
:where(html.clarity.dark) .identity-strip .auto-tag{background:#131526}
:where(html.clarity.dark) .dialog-footer{background:#121323}
:where(html.clarity.dark) .dialog-footer>span{color:#b9bdc3}
:where(html.clarity.dark) .master-contact-card{background:#0f101d}
:where(html.clarity.dark) .master-related-table th{color:#8883ec}
:where(html.clarity.dark) .master-related-table td{border-right:1px solid #36383c}
:where(html.clarity.dark) .quote-summary{background:#131526}
:where(html.clarity.dark) .quote-summary strong{color:#8883ec}
:where(html.clarity.dark) .search-match{background:#403a21;color:#e7dbc7}
:where(html.clarity.dark) #table-wrap:focus-visible{outline:2px solid #5f59d9}
:where(html.clarity.dark) .access-readonly-note{color:#b9bcc2}
:where(html.clarity.dark) .module-view-only input[readonly],:where(html.clarity.dark) .module-view-only textarea[readonly]{background:#101120;color:#c3c5cb}
:where(html.clarity.dark) #editor.compact-editor #editor-content>.dialog-footer{border-top:1px solid var(--line,#37393d);background:#0f101d}
:where(html.clarity.dark) .nav-item.nav-sub::before{background:#3e4145}
:where(html.clarity.dark) .dash-group h2,:where(html.clarity.dark) .dash-list h2{color:#8883ec}
:where(html.clarity.dark) .dash-card{border:1px solid var(--erp-border,#494b50);background:#131313}
:where(html.clarity.dark) .dash-card:hover,:where(html.clarity.dark) .dash-card:focus-visible{border-color:#5f59d9;background:#0f101d}
:where(html.clarity.dark) .dash-card.attention{box-shadow:inset 3px 0 0 #3c2e0e}
:where(html.clarity.dark) .dash-card.alert{box-shadow:inset 3px 0 0 #361511}
:where(html.clarity.dark) .dash-label{color:#bec1c7}
:where(html.clarity.dark) .dash-value{color:#8883ec}
:where(html.clarity.dark) .dash-note{color:#b1b5bc}
:where(html.clarity.dark) .dash-list{background:#131313;border:1px solid var(--erp-border,#494b50)}
:where(html.clarity.dark) .dash-list li+li{border-top:1px solid #323437}
:where(html.clarity.dark) .dash-list li button:hover{background:#101120}
:where(html.clarity.dark) .dash-list li span{color:#b1b5bc}
:where(html.clarity.dark) .dash-list li em{color:#bec1c7}
:where(html.clarity.dark) .dash-list li em.overdue{color:#dc9b93}
:where(html.clarity.dark) th:hover>.col-resizer::after{background:#3e4145}
:where(html.clarity.dark) .col-resizer:hover::after,:where(html.clarity.dark) body.col-resizing .col-resizer::after{background:#5e56e6}
/* purchase.css */
:where(html.clarity.dark) .pw-missing{border:1px solid #584934;background:#271e10;color:#edc282}
:where(html.clarity.dark) .pw-status-blocked{background:#281713;color:#dd9e92}
:where(html.clarity.dark) .pw-status-inactive{background:#1b1c1e;color:#b9bdc3}
:where(html.clarity.dark) .pw-chip{border:1px solid #3c3e42;color:#c2d9d2}
:where(html.clarity.dark) .pw-chip-off{border-color:#383a3d;background:#1a1b1d;color:#b9bdc3}
:where(html.clarity.dark) .pw-changed input,:where(html.clarity.dark) .pw-changed select,:where(html.clarity.dark) .pw-changed textarea{background:#2f280e!important;border-color:#ceaf64!important}
:where(html.clarity.dark) .pw-missing-notice{border-color:#584934;background:#271e10;color:#e9d2b1}
:where(html.clarity.dark) .pw-match{color:#e9d2b1}
:where(html.clarity.dark) .pw-bank-event{border-color:#584934;background:#241b0a}
:where(html.clarity.dark) .pw-source-text{background:#131313}
:where(html.clarity.dark) .pw-suggest{background:#131313;border:1px solid #45474c;box-shadow:0 8px 24px #0b12133d}
:where(html.clarity.dark) .pw-code-preview{border:1px dashed #45474c;background:#111911}
:where(html.clarity.dark) .pw-code{color:#8883ec}
:where(html.clarity.dark) .pw-warning{color:#dd9e92}
:where(html.clarity.dark) .pw-variants th,:where(html.clarity.dark) .pw-lookup-table th{color:#bfc2c8;background:#18191a}
:where(html.clarity.dark) .pw-variants td,:where(html.clarity.dark) .pw-lookup-table td{border-bottom:1px solid #313235}
:where(html.clarity.dark) .pw-lookup-form{background:#131313}
:where(html.clarity.dark) .pw-scope{background:#131313;color:#bfc2c8}
:where(html.clarity.dark) .pw-scope.active{border-color:#424448;color:#c4dcd5}
:where(html.clarity.dark) .pw-st-draft{background:#1b1c1e;color:#c1c4c9}
:where(html.clarity.dark) .pw-st-pending,:where(html.clarity.dark) .pw-st-qc_pending{background:#2c2311;color:#e9d2b1}
:where(html.clarity.dark) .pw-st-approved,:where(html.clarity.dark) .pw-st-accepted,:where(html.clarity.dark) .pw-st-qc_done,:where(html.clarity.dark) .pw-st-not_required{background:#1a251e;color:#bfdccd}
:where(html.clarity.dark) .pw-st-closed{background:#141628;color:#8883ec}
:where(html.clarity.dark) .pw-st-cancelled,:where(html.clarity.dark) .pw-st-rejected{background:#281713;color:#dd9e92}
:where(html.clarity.dark) .pw-st-partly_rejected,:where(html.clarity.dark) .pw-st-deviation{background:#271a10;color:#e7b188}
:where(html.clarity.dark) .pw-overdue{color:#e19e8f}
:where(html.clarity.dark) .pw-danger{border-color:#9a4835!important}
:where(html.clarity.dark) .pw-danger-text{color:#e19e8f}
:where(html.clarity.dark) .pw-warning-text{color:#e7b188}
:where(html.clarity.dark) .pw-supplier-card{border:1px dashed #3f4144;background:#111911}
:where(html.clarity.dark) .pw-lines th{color:#bfc2c8;background:#18191a}
:where(html.clarity.dark) .pw-lines td{border-bottom:1px solid #313235}
:where(html.clarity.dark) .pw-lines input,:where(html.clarity.dark) .pw-lines select{border:1px solid #3f4145;background:var(--ow-edit,#131313)}
:where(html.clarity.dark) .pw-lines input[readonly]{background:#17181a;color:#c4c7cc}
:where(html.clarity.dark) .pw-stat{background:#131313}
:where(html.clarity.dark) .pw-stat-main{border-color:#424448}
:where(html.clarity.dark) .pw-in{color:#bfdccd}
:where(html.clarity.dark) .pw-out{color:#e19e8f}
:where(html.clarity.dark) .pw-st-po_not_generated,:where(html.clarity.dark) .pw-st-po_cancelled,:where(html.clarity.dark) .pw-st-to_order,:where(html.clarity.dark) .pw-st-awaiting_approval{background:#2c2311;color:#e9d2b1}
:where(html.clarity.dark) .pw-st-partly_ordered,:where(html.clarity.dark) .pw-st-po_awaiting_approval,:where(html.clarity.dark) .pw-st-material_pending{background:#141628;color:#8883ec}
:where(html.clarity.dark) .pw-st-received,:where(html.clarity.dark) .pw-st-complete{background:#1a251e;color:#bfdccd}
:where(html.clarity.dark) .pw-st-excess{background:#271a10;color:#e7b188}
:where(html.clarity.dark) .pw-lines textarea{border:1px solid #3f4145;background:var(--ow-edit,#131313)}
:where(html.clarity.dark) .pw-from-indent td:first-child{box-shadow:inset 3px 0 0 #2e3032}
:where(html.clarity.dark) .pw-print-text{background:#161618}
:where(html.clarity.dark) .pw-approved-ok{color:#aee9c4}
:where(html.clarity.dark) .pw-approved-high{color:#ec8383}
:where(html.clarity.dark) .pw-approved-notice{border-left:4px solid #21984d;background:#0e2214}
:where(html.clarity.dark) .pw-price-now strong{color:#aee9c4}
:where(html.clarity.dark) .pw-price-table th{border-bottom:1px solid #2b2e50}
:where(html.clarity.dark) .pw-price-table td{border-bottom:1px solid #242743}
:where(html.clarity.dark) .pw-price-up{color:#ec8383}
:where(html.clarity.dark) .pw-price-down{color:#aee9c4}
:where(html.clarity.dark) .pw-indent-box{border:1px solid var(--line-strong,#3f4145);background:#131313}
:where(html.clarity.dark) .pw-indent-box:focus-within{border-color:#6c7079;box-shadow:0 0 0 2px #1f21253d}
:where(html.clarity.dark) .pw-indent-chip{border:1px solid #3c3e42;background:var(--accent-soft,#18221b);color:#c2d9d2}
:where(html.clarity.dark) .pw-indent-chip button:hover,:where(html.clarity.dark) .pw-indent-chip button:focus-visible{background:#292b2e}
:where(html.clarity.dark) .pw-ipick-group{background:#131313}
:where(html.clarity.dark) .pw-ipick-group.is-on{border-color:#475a4f;box-shadow:0 0 0 1px #32403855}
:where(html.clarity.dark) .pw-ipick-head{background:#171819}
:where(html.clarity.dark) .pw-ipick-group.is-on .pw-ipick-head{background:#18221b}
:where(html.clarity.dark) .pw-ipick-note{color:#c2d9d2}
:where(html.clarity.dark) .pw-ipick-group .pw-pick-lines tr[data-pick-row]:hover td{background:#121b14}
:where(html.clarity.dark) .pw-steps-button{border:1px solid #3f4145;background:#171819;color:#c2d9d2}
:where(html.clarity.dark) .pw-steps-button:hover,:where(html.clarity.dark) .pw-steps-button:focus-visible{background:#1b241e;border-color:#53565b}
:where(html.clarity.dark) .pw-item-steps .ow-pc-results tr.is-ticked td{background:#151f18}
:where(html.clarity.dark) .pw-rc-none{background:#18191b;color:#b9bdc3;border-color:#35373a}
:where(html.clarity.dark) .pw-rc-wait{background:#2b200c;color:#edc282;border-color:#5a492b}
:where(html.clarity.dark) .pw-rc-ok{background:#17231a;color:#b9e0c8;border-color:#354c3c}
:where(html.clarity.dark) .pw-rc-part{background:#101924;color:#8883ec;border-color:#2a2c4d}
:where(html.clarity.dark) .pw-rc-bad{background:#241010;color:#df9090;border-color:#4d2a2a}
:where(html.clarity.dark) .pw-grn-pick .pw-ipick-group.is-other .pw-ipick-note{color:#edc282}
:where(html.clarity.dark) .pw-st-issued{background:#141628;color:#8883ec}
:where(html.clarity.dark) .pw-dn-flag{color:#df9090!important}
:where(html.clarity.dark) .pw-dn-note{color:#df9090}
:where(html.clarity.dark) .pw-dn-total{border:1px solid #4d2a2a;background:#241010;color:#df9090}
:where(html.clarity.dark) .pw-dn-banner{border:1px solid #4d2a2a;background:#200e0e;color:#df9090}
/* access.css */
:where(html.clarity.dark) .aw-root{border:1px solid var(--erp-border,#494b50);background:#131313}
:where(html.clarity.dark) .aw-header{background:var(--erp-bar,#5b6069)}
:where(html.clarity.dark) .aw-header p{color:#e9ebfa}
:where(html.clarity.dark) .aw-header .button{background:#0f101d;color:#8883ec;border-color:#2a2d4d}
:where(html.clarity.dark) .aw-toolbar{background:#18181a;border-bottom:1px solid var(--erp-border,#494b50)}
:where(html.clarity.dark) .aw-toolbar input{border:1px solid #494b50;background:#28200c}
:where(html.clarity.dark) .aw-content:focus-visible{outline:2px solid #5f59d9}
:where(html.clarity.dark) .aw-section{border:1px solid #46484d;background:#131313}
:where(html.clarity.dark) .aw-section h3{color:#8883ec;background:#131527;border-bottom:1px solid #46484d}
:where(html.clarity.dark) .aw-note{color:#bcbfc5}
:where(html.clarity.dark) .aw-table th,:where(html.clarity.dark) .aw-table td{border-right:1px solid #393b3f;border-bottom:1px solid #393b3f}
:where(html.clarity.dark) .aw-table thead th{background:#3a311a;color:#8883ec}
:where(html.clarity.dark) .aw-table tbody th{background:#0f101e}
:where(html.clarity.dark) .aw-table th strong{color:#8883ec}
:where(html.clarity.dark) .aw-table th small{color:#b4b7be}
:where(html.clarity.dark) .aw-table tbody tr:nth-child(even) td{background:#101120}
:where(html.clarity.dark) .aw-table select{border:1px solid #494b50;background:#28200c;color:#8883ec}
:where(html.clarity.dark) .aw-table input[type=checkbox]{accent-color:#bcbfc5}
:where(html.clarity.dark) .aw-fixed{color:#b4b8be}
:where(html.clarity.dark) .aw-changed>*{background:#362c10!important}
:where(html.clarity.dark) .aw-level.edit{background:#1a231e;color:#c0dacc;border-color:#36463b}
:where(html.clarity.dark) .aw-level.view{background:#131425;color:#8883ec;border-color:#292c4c}
:where(html.clarity.dark) .aw-level.none{background:#191a1c;color:#b4b7be;border-color:#383a3d}
:where(html.clarity.dark) .aw-message{background:#19211b;border:1px solid #38483c;color:#c1daca}
:where(html.clarity.dark) .aw-message.aw-error{background:#28160c;border-color:#584335;color:#e1a88e}
:where(html.clarity.dark) .aw-loading{color:#bcbfc5}
:where(html.clarity.dark) .mp-provider{border:1px solid #46484d;background:#111519}
:where(html.clarity.dark) .mp-provider header{background:#18181a;border-bottom:1px solid #393b3f}
:where(html.clarity.dark) .mp-provider .aw-note.aw-error{color:#e1a88e}
:where(html.clarity.dark) .mp-form label{color:#8883ec}
:where(html.clarity.dark) .mp-form input,:where(html.clarity.dark) .mp-form select{border:1px solid #494b50;background:#28200c}
:where(html.clarity.dark) .mp-form .mp-check input{accent-color:#bcbfc5}
:where(html.clarity.dark) .mp-table td small{color:#b4b7be}
:where(html.clarity.dark) .mp-table .mp-error,:where(html.clarity.dark) .mp-table small.mp-error{color:#e1a88e}
/* menu.css */
:where(html.clarity.dark) .sidebar.menu-editing{box-shadow:6px 0 28px #04070d66}
:where(html.clarity.dark) .menu-edit-top{background:#17181a}
:where(html.clarity.dark) .menu-edit-actions button:hover{background:#66666624}
:where(html.clarity.dark) .menu-edit-actions .primary{border-color:#3469dc}
:where(html.clarity.dark) .nav-editor input{border:1px solid #3d3f43;background:#131313;color:#ced8e3}
:where(html.clarity.dark) .nav-editor input:focus{outline:2px solid #4891ea;border-color:#3469dc}
:where(html.clarity.dark) .nav-editor .invalid input{border-color:#ba3434;box-shadow:0 0 0 1px #3b0c0c}
:where(html.clarity.dark) .menu-edit-block{background:#66666614}
:where(html.clarity.dark) .menu-edit-handle:hover,:where(html.clarity.dark) .menu-edit-handle:focus-visible{background:#66666633}
:where(html.clarity.dark) body.nav-flyouts .flyout-open > .nav-group-toggle{background:#17182d}
:where(html.clarity.dark) body.nav-flyouts .nav-group-toggle.has-active{box-shadow:inset 3px 0 0 #100c53}
:where(html.clarity.dark) body.nav-flyouts .nav-group .nav-group-items{border:1px solid #282b4b;background:#131313;color:#8883ec;box-shadow:0 18px 44px #04070d5a, 0 3px 8px #04070d21}
:where(html.clarity.dark) body.nav-flyouts .nav-group-items::before{background:#131313;border-left:1px solid #282b4b;border-bottom:1px solid #282b4b}
:where(html.clarity.dark) body.nav-flyouts .nav-flyout-title{border-bottom:1px solid #242744;color:#b0b4bb}
:where(html.clarity.dark) body.nav-flyouts .nav-group-items > .nav-item.nav-sub > .nav-icon{background:#111323}
:where(html.clarity.dark) body.nav-flyouts .nav-group-badge{box-shadow:0 0 0 2px #222428}
html:where(.clarity.dark):not(.vivid) body.nav-flyouts .flyout-open > .nav-group-toggle{background:#42454c}
html:where(.clarity.dark):not(.vivid) body.nav-flyouts .nav-group-toggle.has-active{box-shadow:inset 3px 0 0 #553d02}
:where(html.clarity.dark) .menu-edit-add:hover,:where(html.clarity.dark) .menu-edit-add:focus-visible{background:#66666624}
:where(html.clarity.dark) .menu-edit-remove:hover{border-color:#ce3434}
/* alert.css */
:where(html.clarity.dark) .erp-alert{background:#131313;color:#ced8e3;box-shadow:0 24px 60px #04070d83, 0 4px 14px #04070d31}
:where(html.clarity.dark) .erp-alert-icon{background:#290d0d;color:#eb8484;box-shadow:0 0 0 8px #281010}
:where(html.clarity.dark) .erp-alert h2{color:#d7ddea}
:where(html.clarity.dark) .erp-alert p{color:#cbcdd2}
:where(html.clarity.dark) .erp-alert ul{background:#0f101d;color:#c1c4ca}
:where(html.clarity.dark) .erp-alert-ok{box-shadow:0 6px 16px #071c4b7a}
:where(html.clarity.dark) .erp-alert-ok:focus-visible{outline:3px solid #234265}
/* production.css */
:where(html.clarity.dark) .pw-st-not_started{background:#1b1c1e;color:#c1c4c9}
:where(html.clarity.dark) .pw-st-in_production{background:#141628;color:#8883ec}
:where(html.clarity.dark) .pw-st-in_qc{background:#2c2311;color:#e9d2b1}
:where(html.clarity.dark) .pw-st-ready,:where(html.clarity.dark) .pw-st-qc_passed{background:#1a251e;color:#bfdccd}
:where(html.clarity.dark) .pw-st-packed,:where(html.clarity.dark) .pw-st-approved{background:#101e27;color:#8bbfe4}
:where(html.clarity.dark) .pw-st-part_dispatched{background:#151025;color:#b3abd5}
:where(html.clarity.dark) .pw-st-dispatched{background:#1a2a21;color:#c4e5d3}
:where(html.clarity.dark) .pw-st-hold,:where(html.clarity.dark) .pw-st-qc_failed{background:#281713;color:#dd9e92}
:where(html.clarity.dark) .pw-st-outsourced,:where(html.clarity.dark) .pw-st-stock{background:#271a10;color:#e7b188}
:where(html.clarity.dark) .pw-st-scrapped{background:#1f1f1f;color:#c3c3c3}
:where(html.clarity.dark) .pr-team{background:var(--mod-soft,#1a1b1d);color:var(--mod-ink,#8883ec)}
:where(html.clarity.dark) .pr-late{background:#2b130f;color:#e89587}
:where(html.clarity.dark) .pr-soon{background:#2f2510;color:#edd2ad}
:where(html.clarity.dark) .pr-late-text{color:#ee8981}
:where(html.clarity.dark) .pr-brief{color:#c2c5cb}
:where(html.clarity.dark) .pw-register tr.pr-row-late td:first-child,:where(html.clarity.dark) #pw-register tr.pr-row-late td:first-child{box-shadow:inset 3px 0 0 #41140d}
:where(html.clarity.dark) .pr-product-line b{color:#b5b8bd}
:where(html.clarity.dark) .pr-product-line .pw-mono{color:#c2c5cb}
:where(html.clarity.dark) .pr-ico-strip small{color:#b5b8bd}
:where(html.clarity.dark) .pr-bulk-inline{color:#c2c5cb}
:where(html.clarity.dark) .pr-ico-grid-wrap{border:1px solid #37393c;background:#131313}
:where(html.clarity.dark) .pr-ico-grid th{background:var(--mod-soft,#18191b);color:var(--mod-ink,#8883ec);border-bottom:2px solid var(--mod,#5f59d9)}
:where(html.clarity.dark) .pr-ico-grid td{border-bottom:1px solid #313336}
:where(html.clarity.dark) .pr-ico-grid tbody tr:nth-child(even) td{background:#131717}
:where(html.clarity.dark) .pr-ico-grid tbody tr:hover td{background:#27210b}
:where(html.clarity.dark) .pr-ico-grid tr.pr-row-late td:first-child{box-shadow:inset 3px 0 0 #41140d}
:where(html.clarity.dark) .pr-ico-grid tr.pr-row-closed td{color:#aeb1b7}
:where(html.clarity.dark) .pr-c-line{color:var(--mod-ink,#8883ec)}
:where(html.clarity.dark) .pr-c-extra{color:#c2c5cb}
:where(html.clarity.dark) .pr-c-small{color:#c2c5cb}
:where(html.clarity.dark) .pr-c-plan{color:#edc6b1}
:where(html.clarity.dark) .pr-grid-status{border:1px solid #4c4c4c2e}
:where(html.clarity.dark) .pr-comment-add textarea{border:1px solid #3f4145;background:var(--ow-edit,#131313)}
:where(html.clarity.dark) .pr-comments li{border-left:3px solid var(--mod,#5f59d9);background:#161719}
:where(html.clarity.dark) .pr-comment-who{color:var(--mod-ink,#8883ec)}
:where(html.clarity.dark) .pr-next{border:1px solid #37393c;border-left:4px solid var(--mod,#5f59d9);background:var(--mod-soft,#18191b)}
:where(html.clarity.dark) .pr-flow li{border:1px solid #37393c;background:#131313}
:where(html.clarity.dark) .pr-flow li::before{background:#1d1e20;color:#c2c5cb}
:where(html.clarity.dark) .pr-flow li.part::before{background:var(--mod,#5952e5)}
:where(html.clarity.dark) .pr-flow li span{color:#caccd1}
:where(html.clarity.dark) .pr-flow li small{color:#b5b8bd}
:where(html.clarity.dark) .pr-flow li i{background:var(--mod,#5952e5)}
:where(html.clarity.dark) .pr-product-name{color:var(--mod-ink,#8883ec)}
:where(html.clarity.dark) .pr-product-note span{color:#b5b8bd}
:where(html.clarity.dark) .pr-num{background:var(--mod,#5952e5)}
:where(html.clarity.dark) .pr-hint{color:#bbbec4}
:where(html.clarity.dark) .pr-serial-table td small{color:#e7b188}
:where(html.clarity.dark) .pr-sticker-bar span,:where(html.clarity.dark) .pr-pick-bar span{color:#c2c5cb}
:where(html.clarity.dark) .pr-pick-bar{border:1px dashed #2929298c}
:where(html.clarity.dark) .pr-other{border:1px solid #36383b;background:#131313}
:where(html.clarity.dark) .pr-other:hover{border-color:var(--mod,#5f59d9);background:var(--mod-soft,#18191b)}
:where(html.clarity.dark) .pr-other small{color:#b6bac0}
:where(html.clarity.dark) .pr-pack-line{border:1px solid #36383b;background:#131313}
:where(html.clarity.dark) .pr-pack-line.on{border-color:var(--mod,#5f59d9);box-shadow:0 0 0 1px var(--mod-soft,#1e2724)}
:where(html.clarity.dark) .pr-pack-head small{color:#b6bac0}
:where(html.clarity.dark) .pr-unit{border:1px solid #393b3f;background:#161618}
:where(html.clarity.dark) .pr-steps li{border:1px solid #36383b;background:#121815}
:where(html.clarity.dark) .pr-steps li b{color:#bdc0c6}
:where(html.clarity.dark) .pr-steps li.done{border-color:#41594c;background:#142019}
:where(html.clarity.dark) .pr-steps li.done b{color:#c0e4d0}
:where(html.clarity.dark) .pr-steps li small{color:#b6bac0}
:where(html.clarity.dark) .pw-st-processing{background:#141628;color:#8883ec}
:where(html.clarity.dark) .pw-st-qc{background:#2c2311;color:#e9d2b1}
:where(html.clarity.dark) .pw-st-under_packing{background:#121424;color:#8883ec}
:where(html.clarity.dark) body[data-view="production"] .pw-st-not_required,:where(html.clarity.dark) .pr-ico-dialog .pw-st-not_required,:where(html.clarity.dark) .pr-line-dialog .pw-st-not_required{background:#1e1e1e;color:#c3c3c3}
:where(html.clarity.dark) .pr-tabs{border-bottom:2px solid var(--mod-soft,#323437)}
:where(html.clarity.dark) .pr-tab{color:#bdc0c6}
:where(html.clarity.dark) .pr-tab.active{background:var(--mod,#5952e5)}
:where(html.clarity.dark) .pr-plan-wrap{border:1px solid #37393c}
:where(html.clarity.dark) .pr-plan th,:where(html.clarity.dark) .pr-plan td{border-right:1px solid #333538;border-bottom:1px solid #333538}
:where(html.clarity.dark) .pr-plan thead th{background:var(--mod-soft,#18191b)}
:where(html.clarity.dark) .pr-plan thead th span{color:#b6bac0}
:where(html.clarity.dark) .pr-plan thead th:first-child,:where(html.clarity.dark) .pr-plan tbody th{background:#131313}
:where(html.clarity.dark) .pr-plan thead th:first-child{background:var(--mod-soft,#18191b)}
:where(html.clarity.dark) .pr-plan tbody th small{color:#b6bac0}
:where(html.clarity.dark) .pr-plan th.today,:where(html.clarity.dark) .pr-plan td.today{background:#2a230c}
:where(html.clarity.dark) .pr-plan th.sun,:where(html.clarity.dark) .pr-plan td.sun{background:#191919}
:where(html.clarity.dark) .pr-plan-cell:hover,:where(html.clarity.dark) .pr-plan-cell:focus{outline:2px solid var(--mod,#5f59d9)}
:where(html.clarity.dark) .pr-plan-all th{background:var(--mod-soft,#151c19)!important}
:where(html.clarity.dark) .pr-plan-all td{color:var(--mod,#8883ec)}
:where(html.clarity.dark) .pr-plan-chip{border:1px solid #3e4043;background:#111322;color:#8883ec}
:where(html.clarity.dark) .pr-plan-chip.done{background:#1a251e;border-color:#41594c;color:#c0e4d0}
:where(html.clarity.dark) .pr-plan-chip.late{background:#2b130f;border-color:#5b322a;color:#e89587}
:where(html.clarity.dark) button.pr-plan-chip:hover{border-color:var(--mod,#5f59d9)}
:where(html.clarity.dark) .pr-plan-target{color:#e89587}
:where(html.clarity.dark) .pr-thumb{border:1px solid #37393c;background:#131313}
:where(html.clarity.dark) .pp-readonly{background:#281f0c;color:#f6d9ad}
:where(html.clarity.dark) .pp-dur{color:#b5b8bd}
:where(html.clarity.dark) .pp-num{color:var(--mod-ink,#8883ec)}
:where(html.clarity.dark) .pp-own{background:#0b1425;color:#88b1e7}
:where(html.clarity.dark) .pp-added td{background:#0a1221}
:where(html.clarity.dark) .pp-model-list{border-right:1px solid #333437}
:where(html.clarity.dark) .pp-model:hover{background:#18181a}
:where(html.clarity.dark) .pp-model.active{background:var(--mod-soft,#131526)}
:where(html.clarity.dark) .pp-model small{color:#b5b8bd}
:where(html.clarity.dark) .pp-model small b{color:var(--mod-ink,#8883ec)}
:where(html.clarity.dark) .pp-model-title small,:where(html.clarity.dark) .ow-section h3 small{color:#b5b8bd}
:where(html.clarity.dark) .pp-totals span{background:var(--mod-soft,#121323)}
:where(html.clarity.dark) .pp-sub{border-left:2px solid #333437}
:where(html.clarity.dark) .pp-cell.over{background:#240a0a!important}
:where(html.clarity.dark) .pp-cell.chosen,:where(html.clarity.dark) .pp-cell:focus{outline:2px solid var(--mod,#5f59d9)}
:where(html.clarity.dark) .pp-key{color:#c2c5cb}
:where(html.clarity.dark) .pr-plan-needs{color:#c2c5cb}
:where(html.clarity.dark) .pr-plan-needs .todo{color:#f8af77}
:where(html.clarity.dark) .pr-machine-grid .pp-pick-info{color:#b5b8bd}
:where(html.clarity.dark) .pr-machine-grid .pp-pick-info.over{color:#e68989}
:where(html.clarity.dark) .pp-pick-group{color:var(--mod-ink,#8883ec)}
:where(html.clarity.dark) .pp-steps input::placeholder{color:#a3a8b3}
:where(html.clarity.dark) .pp-inline .pp-saved{color:#92dda1}
:where(html.clarity.dark) .pp-own-item{background:#291c0c;color:#f5d2a7}
:where(html.clarity.dark) .pp-note{color:#b5b8bd}
:where(html.clarity.dark) .pp-add-item{border:1px dashed #3e4043;background:#131717}
:where(html.clarity.dark) .pp-item-link{color:var(--mod-ink,#88b1e7)}
:where(html.clarity.dark) .pr-plan-views{border:1px solid #3e4043}
:where(html.clarity.dark) .pr-plan-views button{background:#131313;color:#c2c5cb}
:where(html.clarity.dark) .pr-plan-views button.active{background:var(--mod,#5952e5)}
:where(html.clarity.dark) .pr-pp-group h3 small{color:#b5b8bd}
:where(html.clarity.dark) .pr-pp-cell small{color:#b5b8bd}
:where(html.clarity.dark) .pr-pp-cell.suggested{background:#26210b}
:where(html.clarity.dark) .pr-pp-cell.planned{background:#121e18}
:where(html.clarity.dark) .pr-pp-none{color:#a0a5b0}
:where(html.clarity.dark) button.pr-pp-date:hover,:where(html.clarity.dark) button.pr-pp-date:focus{border-color:var(--mod,#5f59d9);background:#131313}
:where(html.clarity.dark) .pr-pp-date i{color:#f5daa7}
:where(html.clarity.dark) .pr-pp-done{color:#92dda1}
:where(html.clarity.dark) .pr-pp-machine{border:1px solid #3e4043;background:#131313;color:var(--mod-ink,#8883ec)}
:where(html.clarity.dark) .pr-pp-machine:hover{border-color:var(--mod,#5f59d9)}
:where(html.clarity.dark) .pp-day{border:1px solid #37393c;background:#131313}
:where(html.clarity.dark) .pp-day.sun{background:#181818}
:where(html.clarity.dark) .pp-day.today{border-color:#e3ba4d;box-shadow:inset 0 3px 0 #553f07}
:where(html.clarity.dark) .pp-day.drop{outline:2px dashed var(--mod,#5f59d9);background:#121e18}
:where(html.clarity.dark) .pp-day header{border-bottom:1px solid #333538}
:where(html.clarity.dark) .pp-day header small{color:#b5b8bd}
:where(html.clarity.dark) .pp-day-bar{background:#1a1b1d}
:where(html.clarity.dark) .pp-day-empty{color:#a0a5b0}
:where(html.clarity.dark) .pp-card{border:1px solid #3e4043;background:#131917}
:where(html.clarity.dark) .pp-card.mine{border-color:var(--mod,#5f59d9);background:#151f1b;box-shadow:inset 3px 0 0 var(--mod,#100c51)}
:where(html.clarity.dark) .pp-card-body{color:#c2c5cb}
:where(html.clarity.dark) .pp-card-done{color:#92dda1}
:where(html.clarity.dark) .pp-nudge{border:1px solid #3e4043;background:#131313}
:where(html.clarity.dark) .pp-nudge:hover{border-color:var(--mod,#5f59d9)}
:where(html.clarity.dark) .pp-time:hover,:where(html.clarity.dark) .pp-time:focus{border-color:var(--mod,#5f59d9);background:#131313}
:where(html.clarity.dark) .pp-time.none{border-color:#dba14a;background:#28200c;color:#f5d2a7}
:where(html.clarity.dark) .pp-time-x{color:#c2c5cb}
:where(html.clarity.dark) .pp-machine-dialog .pr-plan-bar .ow-button.active{background:var(--mod-soft,#131526);border-color:var(--mod,#5f59d9)}
:where(html.clarity.dark) .pp-month{border:1px solid #37393c;background:#131313}
:where(html.clarity.dark) .pp-month-hint{color:#c2c5cb}
:where(html.clarity.dark) .pp-month-grid>span{color:#b5b8bd}
:where(html.clarity.dark) .pp-mday{border:1px solid #333538;background:#131313}
:where(html.clarity.dark) .pp-mday small{color:#c2c5cb}
:where(html.clarity.dark) .pp-mday.sun{background:#191919}
:where(html.clarity.dark) .pp-mday.week{background:var(--mod-soft,#161f1b)}
:where(html.clarity.dark) .pp-mday.today{border-color:#e3ba4d;box-shadow:inset 0 -3px 0 #553f07}
:where(html.clarity.dark) .pp-mday.ok{box-shadow:inset 0 -3px 0 #0e2f14}
:where(html.clarity.dark) .pp-mday.high{box-shadow:inset 0 -3px 0 #482a00}
:where(html.clarity.dark) .pp-mday.over{box-shadow:inset 0 -3px 0 #470b0b;background:#240a0a}
:where(html.clarity.dark) .pp-mday.from{outline:2px solid var(--mod,#5f59d9)}
:where(html.clarity.dark) .pp-mday:hover,:where(html.clarity.dark) .pp-mday.drop{border-color:var(--mod,#5f59d9);background:#121e18}
:where(html.clarity.dark) .pp-card.moving{outline:2px dashed var(--mod,#5f59d9)}
:where(html.clarity.dark) .pr-pp-time.none{color:#f5d2a7}
:where(html.clarity.dark) .pp-time-mode small{color:#b5b8bd}
:where(html.clarity.dark) .pp-move-next{border:1px solid #5f4d2b;background:#241c0a}
:where(html.clarity.dark) .pp-move-late{border:1px solid #5b322a;background:#240a0a;color:#ef8d81}
:where(html.clarity.dark) .pr-pp-due{color:#c2c5cb}
:where(html.clarity.dark) .pr-pp-due.late{color:#e68989}
:where(html.clarity.dark) .pr-pp-cell.past-due{box-shadow:inset 0 -3px 0 #470b0b}
:where(html.clarity.dark) .pr-pp-cell.past-due .pr-pp-date{color:#e89587}
:where(html.clarity.dark) .pp-next-state,:where(html.clarity.dark) .pr-pp-unscheduled{color:#f8af77}
:where(html.clarity.dark) .pr-ok-text{color:#aee9c4}
:where(html.clarity.dark) .pr-tag.pr-ok{background:#102b19;color:#bae9cc}
:where(html.clarity.dark) .pr-cell-action{border:1px solid var(--mod,#5f59d9);background:#131313;color:var(--mod-ink,#8883ec)}
:where(html.clarity.dark) .pr-cell-action:hover:not(:disabled),:where(html.clarity.dark) .pr-cell-action:focus-visible{background:var(--mod,#5952e5)}
:where(html.clarity.dark) .pr-indent small{color:#b0b4bb}
:where(html.clarity.dark) .pb-title small{color:#b0b4bb}
:where(html.clarity.dark) .pb-table th{border-bottom:2px solid #343538;background:#0f111f;color:#c2c5cb}
:where(html.clarity.dark) .pb-table td{border-bottom:1px solid #2e3032}
:where(html.clarity.dark) .pb-table td small{color:#b0b4bb}
:where(html.clarity.dark) .pb-table tr.pb-fixed td{background:#0f101d}
:where(html.clarity.dark) .pb-table tr.pb-short td{background:#220c0a}
:where(html.clarity.dark) .pb-table tr.pb-done td{color:#a5a9b1}
:where(html.clarity.dark) .pb-ok{color:#aee9c4}
:where(html.clarity.dark) .pb-missing{color:#f8af77}
:where(html.clarity.dark) .pb-indent small{color:#b0b4bb}
:where(html.clarity.dark) .pb-status{border:1px solid #282b4b;background:#0f101d}
:where(html.clarity.dark) .pb-status-incomplete{border-color:#e4a64e;background:#261d0b;color:#f2d7af}
:where(html.clarity.dark) .pb-status-complete{border-color:#74be8c;background:#112015;color:#c2ead2}
:where(html.clarity.dark) .pb-status-none{border-color:#58312b;background:#230e0a;color:#e89587}
:where(html.clarity.dark) .pb-table tr.pb-unmapped td{background:#241c0a}
:where(html.clarity.dark) .pb-map-note{border:1px solid #e4a64e;background:#261d0b}
:where(html.clarity.dark) .pb-map-table tbody tr:hover td{background:#0a1322}
:where(html.clarity.dark) .pb-map-table tr.pb-ticked td{background:#0b1627}
:where(html.clarity.dark) .pb-twist{color:#83a8ec}
:where(html.clarity.dark) .pb-twist:hover{background:#131527}
:where(html.clarity.dark) .pb-arrow{color:#9ea3ae}
:where(html.clarity.dark) .pb-table tr.pb-node-root td{background:#111322}
:where(html.clarity.dark) .pb-table tr.pb-level-part td{background:#0e151e}
:where(html.clarity.dark) .pb-table tr.pb-expected td{background:#111519;color:#a5a9b1}
:where(html.clarity.dark) .pb-table tr.pb-sub td{background:#111519;color:#c2c5cb}
:where(html.clarity.dark) .sfg-level{background:#5c606a}
:where(html.clarity.dark) .sfg-card{border:2px solid #343538;background:#131313}
:where(html.clarity.dark) .sfg-card:hover{border-color:#5f59d9}
:where(html.clarity.dark) .sfg-card.active{border-color:#3a70d2;background:#0a1423}
:where(html.clarity.dark) .sfg-card small{color:#c2c5cb}
:where(html.clarity.dark) .sfg-card em{color:#b0b4bb}
:where(html.clarity.dark) .sfg-detail{border:1px solid #343538;background:#111519}
:where(html.clarity.dark) .sfg-detail.chosen{border-color:#74be8c;background:#111d15}
:where(html.clarity.dark) .sfg-detail.needed{border-color:#e4a64e}
:where(html.clarity.dark) .sfg-detail label small{color:#b0b4bb}
:where(html.clarity.dark) .sfg-hint{color:#b0b4bb}
:where(html.clarity.dark) .sfg-preview{border:1px solid #2a2d4e;background:#0e151e}
:where(html.clarity.dark) .sfg-chip{border:1px solid #2a2d4e;background:#131313}
:where(html.clarity.dark) .sfg-chip small{color:#b0b4bb}
:where(html.clarity.dark) .sfg-chip.missing{border-color:#d9a056;background:#261d0b}
:where(html.clarity.dark) .sfg-chip.missing b{color:#f6b279}
:where(html.clarity.dark) .sfg-chip.empty b{color:#acb1ba}
:where(html.clarity.dark) .sfg-equals{color:#b0b4bb}
:where(html.clarity.dark) .sfg-name span{color:#b0b4bb}
:where(html.clarity.dark) .sfg-state.ready{background:#112015;color:#c2ead2}
:where(html.clarity.dark) .sfg-state.waiting{background:#261d0b;color:#f2d7af}
:where(html.clarity.dark) .sfg-state.exists{background:#230e0a;color:#e89587}
:where(html.clarity.dark) .sfg-parent{border:1px solid #343538;background:#131313}
:where(html.clarity.dark) .sfg-parent small{color:#b0b4bb}
:where(html.clarity.dark) .sfg-bom{border-top:1px solid #343538}
:where(html.clarity.dark) .sfg-scoped{color:#b2ede8}
:where(html.clarity.dark) .sfg-more{color:#c2c5cb}
:where(html.clarity.dark) .sfg-format.own{border-color:#56dcc7;background:#0f221d}
:where(html.clarity.dark) .sfg-plus{color:#b0b4bb}
:where(html.clarity.dark) .sfg-param-table td:first-child{color:#b0b4bb}
:where(html.clarity.dark) .sfg-param-table tr.sfg-editing td{background:#2d270d}
:where(html.clarity.dark) .sfg-tag{background:#121323;color:#c2c5cb}
:where(html.clarity.dark) .sfg-tag.own{background:#142b26;color:#bcede9}
:where(html.clarity.dark) .sfg-param-form{border:1px solid #5f59d9;background:#0e1e19}
:where(html.clarity.dark) .sfg-lock{background:#261d0b;color:#f2d7af}
:where(html.clarity.dark) .sfg-field small{color:#b0b4bb}
:where(html.clarity.dark) .sfg-choice{border:1px solid #343538;background:#131313}
:where(html.clarity.dark) .sfg-option.active b{color:#b2ede8}
:where(html.clarity.dark) .sfg-value{border:1px solid #343538;background:#131313}
:where(html.clarity.dark) .sfg-format-line{color:#c2c5cb}
:where(html.clarity.dark) .sfg-format-line b{color:#b2ede8}
:where(html.clarity.dark) .sfg-remove{color:#eb9084}
:where(html.clarity.dark) .pb-table tr.pb-group td{background:#111322;color:#8883ec}
:where(html.clarity.dark) tr.pw-inactive td{color:#a5a9b1}
/* columns.css */
:where(html.clarity.dark) .col-chooser{border:1px solid #2b2e4f;background:#131313;color:#c1c4ca;box-shadow:0 1px 2px #04070d21}
:where(html.clarity.dark) .col-chooser:hover,:where(html.clarity.dark) .col-chooser:focus-visible{border-color:#3469dc}
:where(html.clarity.dark) .col-chooser-pop{border:1px solid #282b4b;background:#131313;color:#ced8e3;box-shadow:0 18px 44px #04070d5a}
:where(html.clarity.dark) .col-chooser-head{border-bottom:1px solid #242642}
:where(html.clarity.dark) .col-chooser-head small{color:#b0b4bb}
:where(html.clarity.dark) .col-chooser-list label:hover{background:#101221}
:where(html.clarity.dark) .col-chooser-list input{accent-color:#7ca1f3}
:where(html.clarity.dark) .col-chooser-foot{border-top:1px solid #242642}
:where(html.clarity.dark) .col-chooser-foot button{border:1px solid #2b2e4f;background:#131313}
:where(html.clarity.dark) .col-chooser-foot button:hover{background:#101221}
:where(html.clarity.dark) .col-chooser-status{color:#81eea9}
:where(html.clarity.dark) .quote-link{color:#7ca1f3}
:where(html.clarity.dark) .quote-link:hover{color:#819eee}
:where(html.clarity.dark) .quote-create{border:1px solid #3469dc;background:#0b1624;color:#819eee}
/* approvals.css */
:where(html.clarity.dark) .approvals-bell{border:1px solid #282b4b;background:#131313;color:#c1c4ca}
:where(html.clarity.dark) .approvals-bell:hover,:where(html.clarity.dark) .approvals-bell:focus-visible{border-color:#234265;background:#0b1624;color:#819eee}
:where(html.clarity.dark) .approvals-bell.has-pending{border-color:#501c1c;background:#220a0a;color:#ec8383}
:where(html.clarity.dark) .approvals-count{box-shadow:0 0 0 2px #1a1a1a}
:where(html.clarity.dark) .approvals-dialog{background:#131313;color:#ced8e3;box-shadow:0 28px 70px #04070d8b, 0 4px 14px #04070d31}
:where(html.clarity.dark) .approvals-head-icon{background:#1313132e;box-shadow:inset 0 0 0 2px #1a1a1a55}
:where(html.clarity.dark) .approvals-x{background:#13131326}
:where(html.clarity.dark) .approvals-x:hover{background:#13131340}
:where(html.clarity.dark) .approvals-body{background:#0f101d}
:where(html.clarity.dark) .approvals-group h3{color:#c1c4ca}
:where(html.clarity.dark) .approvals-group-icon{background:#0c132b;color:#948ee1}
:where(html.clarity.dark) .approvals-group-count{background:#15172a;color:#8883ec}
:where(html.clarity.dark) .approvals-group li{border:1px solid #242743;background:#131313}
:where(html.clarity.dark) .approvals-group li:hover{border-color:#234265;box-shadow:0 6px 16px #071c4b29}
:where(html.clarity.dark) .approvals-item strong{color:#d5dcec}
:where(html.clarity.dark) .approvals-item span{color:#8883ec}
:where(html.clarity.dark) .approvals-item small{color:#b2b6bd}
:where(html.clarity.dark) .approvals-amount{color:#d5dcec}
:where(html.clarity.dark) .approvals-empty{color:#c1c4ca}
:where(html.clarity.dark) .approvals-empty-icon{background:#102b19;color:#81eea9}
:where(html.clarity.dark) .approvals-empty strong{color:#d5dcec}
:where(html.clarity.dark) .approvals-foot{border-top:1px solid #242743;color:#b2b6bd}
:where(html.clarity.dark) .approvals-done{border:1px solid #2b2e50;background:#131313;color:#ced8e3}
:where(html.clarity.dark) .approvals-done:hover{background:#101221}
:where(html.clarity.dark) .approvals-tabs{border-bottom:1px solid #242743;background:#131313}
:where(html.clarity.dark) .approvals-tabs button{border:1px solid #242743;background:#0f101d;color:#8883ec}
:where(html.clarity.dark) .approvals-tabs button span{background:#15172a;color:#8883ec}
:where(html.clarity.dark) .approvals-tabs button:not(.is-empty) span{background:#290d0d;color:#ec8383}
:where(html.clarity.dark) .approvals-tabs button.is-empty{color:#9ea3ae}
:where(html.clarity.dark) .approvals-tabs button:hover{border-color:#234265}
:where(html.clarity.dark) .approvals-tabs button.active{border-color:#3469dc}
:where(html.clarity.dark) .approvals-tabs button.active span{background:#13131333}
:where(html.clarity.dark) .approvals-approve{border:1px solid #21984d;background:#0e2214;color:#aee9c4}
:where(html.clarity.dark) .approvals-reject{border:1px solid #ce3434;background:#220a0a;color:#ec8383}
:where(html.clarity.dark) .approvals-open{background:#41454b}
:where(html.clarity.dark) .approvals-group li.is-acting{border-color:#234265;box-shadow:0 8px 20px #071c4b31}
:where(html.clarity.dark) .approvals-confirm{border-top:1px dashed #2b2e50}
:where(html.clarity.dark) .approvals-confirm.is-approve{background:#0e2214}
:where(html.clarity.dark) .approvals-confirm.is-reject{background:#220a0a}
:where(html.clarity.dark) .approvals-confirm p{color:#8883ec}
:where(html.clarity.dark) .approvals-confirm textarea{border:1px solid #2b2e50;background:#131313}
:where(html.clarity.dark) .approvals-confirm textarea:focus{outline:2px solid #234265;border-color:#3469dc}
:where(html.clarity.dark) .approvals-confirm textarea.is-missing{border-color:#ce3434;box-shadow:0 0 0 2px #361313}
:where(html.clarity.dark) .approvals-back{border:1px solid #2b2e50;background:#131313}
:where(html.clarity.dark) .approvals-group li.is-approved{border-color:#57db87;background:#0e2214}
:where(html.clarity.dark) .approvals-group li.is-rejected{border-color:#5e2222;background:#220a0a}