/* RetailCRM observed 16 Oct 2026, Safari 1440 CSS px / 100%. Scope: order workspace only. */
body:has(.order-head){--text:#242649;--secondary:#737c8b;--divider:#dfe1e6;--radius-panel:4px;--radius-control:6px;background:#f5f6f8;font:14px/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text)}
body:has(.order-head) .menu{width:320px;padding:24px 20px 24px 72px;background:linear-gradient(to right,#202346 44px,#f5f6f8 44px);border-right:1px solid #e0e3e8;color:var(--text)}
body:has(.order-head) .menu .brand{margin:0 0 30px;color:var(--text)}body:has(.order-head) .menu .brand img{position:absolute;left:8px;width:28px}body:has(.order-head) .menu .nav-label{display:none}body:has(.order-head) .menu nav{gap:7px}body:has(.order-head) .menu-link{font-size:16px;min-height:48px;padding:12px 14px;border-radius:4px;color:var(--text)}body:has(.order-head) .menu-link.active{background:var(--brand);color:white;box-shadow:0 2px 4px #18232e20}
body:has(.order-head) main{margin-left:320px;max-width:none;width:auto;padding:24px 40px 100px;min-width:0}body:has(.order-head) .topbar{min-height:24px;margin-bottom:12px;border:0;padding:0;font-size:12px;background:none}body:has(.order-head) .desktop-mode{display:none}body:has(.order-head) .breadcrumb{font-size:13px;margin:4px 0 4px;color:var(--secondary)}body:has(.order-head) .heading{display:flex;gap:24px;align-items:baseline;margin:0 0 12px}body:has(.order-head) h1{font-size:24px;margin:0;font-weight:600}body:has(.order-head) .heading .metric{font-size:12px}body:has(.order-head) .heading .metric strong{font-size:14px}body:has(.order-head) .order-identity-summary{font-size:12px;margin:4px 0;color:var(--secondary)}
body:has(.order-head) .order-head{background:white;border:1px solid var(--divider);border-radius:4px;position:sticky;top:0;z-index:15;margin:16px 0 24px;box-shadow:0 2px 5px #25294408}body:has(.order-head) .tool-row{padding:10px 20px;min-height:44px;gap:20px}body:has(.order-head) .anchors{padding:0 20px;min-height:34px;display:flex;gap:24px;overflow:auto;background:#f0f1f4;border-top:1px solid #e7e8ec}body:has(.order-head) .anchors a{font-size:11px;font-weight:600;white-space:nowrap;padding:8px 0;color:var(--secondary)}body:has(.order-head) .anchors a:focus-visible{outline:2px solid var(--brand)}
body:has(.order-head) .panel{padding:0;border:1px solid var(--divider);border-radius:4px;box-shadow:none;margin-bottom:24px;overflow:visible;background:#fff}body:has(.order-head) .panel-head,#composition .panel-head{padding:16px 20px!important;margin:0!important;min-height:56px;border-bottom:1px solid var(--divider);display:flex;align-items:center;gap:12px}body:has(.order-head) .panel-head h2{font-size:16px;line-height:24px;font-weight:600;margin:0;color:var(--text)}body:has(.order-head) .panel-head h2 small{font-size:12px;color:#929ba7;vertical-align:super;font-weight:400}.section-fold{margin-left:auto;flex:none;min-width:32px;min-height:32px;width:32px;height:32px;padding:0;border:0!important;background:none!important;color:#9ba4b0!important;font-size:21px;box-shadow:none!important}.panel-head a+.section-fold{margin-left:0}.panel.is-folded>:not(.panel-head){display:none!important}
body:has(.order-head) :is(input:not([type=checkbox]):not([type=hidden]),select){height:30px!important;min-height:30px!important;border:1px solid #dfe1e6;border-radius:6px;background:#fff;padding:4px 10px!important;font:14px/20px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);box-shadow:inset 0 1px 1px #1b213005;box-sizing:border-box;max-width:100%}body:has(.order-head) textarea{border:1px solid #dfe1e6;border-radius:6px;font:14px/20px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding:8px 10px;min-height:100px;max-width:100%;box-sizing:border-box}body:has(.order-head) :is(button,.button){border-radius:5px;font-size:14px;min-height:36px;padding:6px 14px}body:has(.order-head) :is(input,button,select,textarea,a):focus-visible{outline:2px solid var(--brand);outline-offset:3px}body:has(.order-head) button:not(.primary):not(.link):not(.section-fold):not(.choose-model):not(.show-devices):not(.remove-line){background:linear-gradient(#fff,#eceef1);border:1px solid #d9dce1;color:var(--text)}body:has(.order-head) .primary{background:#14a482;border-color:#14a482;color:#fff}
body:has(.order-head) .contact-main-grid,body:has(.order-head) .contact-fields-grid{padding:28px 20px 40px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:88px;row-gap:20px}body:has(.order-head) .contact-column{gap:20px}body:has(.order-head) .contact-field{grid-template-columns:110px minmax(0,280px);gap:10px;min-height:30px}body:has(.order-head) .contact-field input,body:has(.order-head) .contact-field select,body:has(.order-head) .read-field{height:30px!important;min-height:30px!important;border-radius:6px;font-size:14px;line-height:20px;padding:4px 10px!important}body:has(.order-head) .contact-top{padding:20px 20px 0;gap:20px;grid-template-columns:1fr 1fr}body:has(.order-head) .contact-top .client-card-links{padding-left:120px;gap:8px;font-size:13px}body:has(.order-head) .contact-top .client-card-links a{min-height:30px}.contact-top .client-history-open{min-height:30px!important}body:has(.order-head) .contact-top:has(#selected-client-card[hidden]){display:none}body:has(.order-head) .source-name-row{margin:20px 20px 0;border:0;border-left:3px solid #d7e3dd;border-radius:0;background:#f8faf9}body:has(.order-head) .contact-tools{padding:0 20px 24px!important}body:has(.order-head) .contact-tools p{margin:6px 0}body:has(.order-head) .contact-scope-note{padding:0 20px 20px!important}
/* Same table, columns and headers. Never mix desktop table header with card rows. */
#composition{padding:0!important}#composition .composition-wrap{overflow-x:auto;padding:0!important}#composition .line-table{display:table!important;width:100%!important;min-width:980px!important;border-collapse:collapse;table-layout:fixed}#composition .line-table thead{display:table-header-group!important;background:#f8f9fa}#composition .line-table tbody{display:table-row-group!important}#composition .line-table tr{display:table-row!important;padding:0!important;border:0;border-radius:0;grid-template-columns:none!important}#composition .line-table :is(th,td){display:table-cell!important;padding:12px 10px!important;border-bottom:1px solid var(--divider);vertical-align:top;text-align:left;font-size:13px;width:auto!important;grid-column:auto!important}#composition .line-table th{font-weight:400;color:#949da9;vertical-align:middle;padding-top:16px!important;padding-bottom:16px!important}#composition .line-table td:before{display:none!important}#composition .line-table th:nth-child(1){width:30px!important}#composition .line-table th:nth-child(2){width:auto!important}#composition .line-table th:nth-child(3){width:80px!important;border-left:1px solid var(--divider)}#composition .line-table th:nth-child(4){width:90px!important;border-left:1px solid var(--divider);border-right:1px solid var(--divider)}#composition .line-table th:nth-child(5){width:110px!important}#composition .line-table th:nth-child(6){width:118px!important}#composition .line-table th:nth-child(7){width:92px!important}#composition .line-table th:nth-child(8){width:115px!important;text-align:right}#composition .line-table td:nth-child(8){text-align:right}#composition .line-table .choose-model{background:transparent!important;border:0!important;padding:0!important;color:var(--brand);text-decoration:underline;text-align:left;line-height:20px;min-height:30px;font-weight:400;border-radius:0;white-space:normal;overflow-wrap:anywhere}#composition .selected-sku{font-size:11px;padding-top:4px;line-height:16px}#composition .line-table input{height:30px!important;min-height:30px!important;width:100%;font-size:13px}#composition .quantity-control{grid-template-columns:26px minmax(5ch,1fr) 26px!important;height:30px!important;min-height:30px!important;max-width:118px!important;width:118px!important;border-color:#dfe1e6;border-radius:5px}#composition .quantity-control button{width:26px!important;min-width:26px!important;min-height:28px!important;height:28px;padding:0!important;border:0!important;background:transparent!important;font-size:16px}#composition .quantity-control input{height:28px!important;min-height:28px!important;padding:4px 0!important;border:0;min-width:5ch!important}#composition .money-field:after{top:5px;font-size:13px;right:7px}#composition .money-field input{padding-right:22px!important;text-align:right}#composition .row-actions{gap:4px;margin-top:4px}#composition .row-actions button{min-height:30px!important;font-size:11px;padding:3px 0!important;border:0!important;background:transparent!important}#composition .line-total{line-height:30px;font-size:13px;min-height:30px}#composition .remove-reason{font-size:10px}#composition .discount-row{background:#f8f9fa;border-bottom:1px solid var(--divider);padding:10px 20px!important}#composition .discount-row label{font-size:13px;color:var(--secondary)}#composition .discount-row .money-field{width:92px}#composition .totals{display:flex!important;flex-direction:column;max-width:330px;background:white;border-radius:0;border-left:1px solid var(--divider);padding:20px!important;margin:0 0 0 auto!important;gap:12px}#composition .totals>div{display:flex!important;flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px;padding:0;font-size:13px;font-weight:400}#composition .totals strong{font-size:14px;font-weight:400;white-space:nowrap}#composition .totals .grand{border:0;padding-top:8px;margin:0;font-size:18px;color:var(--text)}#composition .totals .grand strong{font-size:18px;font-weight:600}
/* Delivery left, operator comment right, followed by payment as in RetailCRM. */
body:has(.order-head) #order-form{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);column-gap:24px;align-items:start}#order-form>#main-info,#order-form>#client,#order-form>#composition{grid-column:1/-1}#order-form>#delivery{grid-column:1}#order-form>.order-comments{grid-column:2;grid-row:4}#order-form .order-comments .comments{padding:20px}#delivery .fields{display:flex;flex-direction:column;padding:0 20px 30px;gap:20px}#delivery .form-column{display:contents}#delivery .field{display:grid;grid-template-columns:110px minmax(0,280px);align-items:center;gap:10px;min-height:30px;margin:0;font-size:13px}#delivery .field label{font-weight:400;color:var(--secondary)}#delivery .comments{padding:24px 20px 16px}#delivery .comments>label:first-child{display:grid;grid-template-columns:110px minmax(0,280px);gap:10px;align-items:start;font-weight:400;color:var(--secondary)}#delivery .comments label:has(input[type=checkbox]){font-size:12px}#delivery .comments>label:first-child textarea{width:100%;min-height:110px}#delivery .fields textarea{min-height:70px}#delivery .return-settlement{font-size:12px}
#payment{width:calc((100% - 24px)*1.9/2.9);box-sizing:border-box}#payment .payment-summary{display:flex;flex-wrap:wrap;gap:20px;background:white;border:0;border-bottom:1px solid var(--divider);padding:20px;border-radius:0}#payment .payment-summary span{font-size:12px}#payment .payment-summary strong{font-size:16px}#payment .sale-completion{border-radius:0;background:#f8f9fa;border:0;padding:20px;margin:0}#payment .sale-completion h3{font-size:14px}#payment .sale-extra{margin:0;padding:12px 20px;border-radius:0;border:0;border-top:1px solid var(--divider);background:#f8f9fa}#payment .payment-ledger{padding:0 20px}#payment .payment-ledger:empty{display:none}.financial-form{max-width:100%}.financial-form label{font-size:13px}
body:has(.order-head) .save-bar{position:fixed!important;bottom:0;left:320px;right:0;width:auto!important;max-height:none;min-height:56px;height:auto;background:#fff;border:0;border-top:1px solid var(--divider);border-radius:0;margin:0!important;padding:10px 20px!important;z-index:25;display:flex}body:has(.order-head) .save-actions{display:flex;flex:none;justify-content:flex-start;gap:8px;margin:0;width:auto;flex-wrap:wrap}body:has(.order-head) .save-actions>*{flex:none;min-height:36px;width:auto;min-width:0;white-space:normal}.cancel-order{margin-left:10px;color:var(--secondary)}
@media(max-width:1250px){body:has(.order-head) .menu{width:220px;padding-left:56px}body:has(.order-head) main{margin-left:220px;padding:20px 24px 100px}body:has(.order-head) .save-bar{left:220px}body:has(.order-head) .contact-fields-grid,body:has(.order-head) .contact-main-grid{column-gap:24px}.contact-top .client-card-links{padding-left:0!important}body:has(.order-head) .contact-field{grid-template-columns:90px minmax(0,1fr)}}
@media(max-width:1000px){#order-form>.order-comments{grid-column:1/-1;grid-row:auto}#order-form>#delivery{grid-column:1/-1}#payment{width:100%}body:has(.order-head) .contact-main-grid,body:has(.order-head) .contact-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}body:has(.order-head) .contact-field{grid-template-columns:minmax(0,1fr);gap:5px}body:has(.order-head) .order-head{position:static}}
@media(max-width:767.98px){body:has(.order-head) main{margin-left:0;padding:16px 12px 24px}body:has(.order-head) .menu{width:250px}body:has(.order-head) .contact-fields-grid,body:has(.order-head) .contact-main-grid,body:has(.order-head) .contact-top{grid-template-columns:1fr;padding:20px 16px;gap:16px}body:has(.order-head) .contact-column{gap:16px}body:has(.order-head) .contact-field{grid-template-columns:100px minmax(0,1fr)}body:has(.order-head) :is(input:not([type=hidden]),select,button,.button){min-height:44px!important;height:auto!important}body:has(.order-head) #order-form{display:block}body:has(.order-head) .save-bar{position:static!important;left:auto;right:auto;padding:16px!important;border:1px solid var(--divider);margin-top:16px!important}.save-actions>*{flex:1!important}body:has(.order-head) .panel-head{padding:12px 16px!important;min-height:56px}#composition .line-table,#composition .line-table tbody{display:block!important;min-width:0!important;width:100%!important}#composition .line-table thead{display:none!important}#composition .line-table tr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px;border-bottom:1px solid var(--divider);padding:16px!important}#composition .line-table td{display:block!important;padding:0!important;border:0}#composition .line-table td:before{display:block!important;content:attr(data-label);font-size:12px;color:var(--secondary);margin-bottom:4px}#composition .line-table td:nth-child(2){grid-column:1/-1!important}#composition .line-table td:first-child,#composition .line-table td:nth-child(3),#composition .line-table td:nth-child(4){display:none!important}#composition .line-table td:nth-child(2):before{display:none!important}#composition .quantity-control{height:44px!important;grid-template-columns:32px minmax(5ch,1fr) 32px!important;width:138px!important;max-width:100%!important}#composition .quantity-control button{width:32px!important;min-width:32px!important;height:42px!important;min-height:42px!important}#composition .quantity-control input{height:42px!important;min-height:42px!important}#composition .line-table input{height:44px!important;min-height:44px!important}#composition .money-field:after{top:12px}#composition .line-total{line-height:44px}#composition .totals{border:0;max-width:none}#delivery .field,#delivery .comments>label:first-child{grid-template-columns:100px minmax(0,1fr)}body:has(.order-head) .heading{flex-wrap:wrap;gap:8px 20px}.contact-top .client-card-links{padding-left:0!important}}
@media(max-width:390px){body:has(.order-head) .contact-field,#delivery .field,#delivery .comments>label:first-child{grid-template-columns:1fr}#composition .line-table tr{grid-template-columns:1fr!important}.save-actions{width:100%!important}.save-actions>*{flex:1 1 100%!important}.cancel-order{margin:0}}
/* Eliminate old workspace wrappers and duplicate technical strips above the form. */
body:has(.order-head) .order-head{padding:0!important}body:has(.order-head) .order-head .tool-row{border:0!important;border-radius:0!important;margin:0!important;width:100%!important;box-sizing:border-box}body:has(.order-head) .menu-link{font-weight:400!important}body:has(.order-head) .heading h1{font-weight:600!important}body:has(.order-head) .contact-field>span,body:has(.order-head) .contact-field>label{font-weight:400!important;font-size:13px}body:has(.order-head) .panel-head{font-weight:600}body:has(.order-head) .management-menu{position:relative;margin-right:auto;font-size:13px}body:has(.order-head) .management-menu>summary{cursor:pointer;color:var(--brand);padding:5px 0}body:has(.order-head) .management-menu>div{position:absolute;left:0;top:100%;width:min(520px,75vw);background:#fff;border:1px solid var(--divider);box-shadow:0 5px 18px #20234620;padding:16px;z-index:30;border-radius:4px}body:has(.order-head) .management-menu .tool-row{padding:0!important}body:has(.order-head) .management-menu .panel{margin:12px 0 0!important}body:has(.order-head) .management-menu .comments{padding:12px!important}body:has(.order-head) .source-name-row button{margin:0 0 0 12px}
body:has(.order-head) .panel-head,#composition .panel-head{padding:10px 20px!important;box-sizing:border-box;min-height:56px}body:has(.order-head) select{appearance:none;-webkit-appearance:none;background-image:url("/static/retail-select-caret.svg");background-repeat:no-repeat;background-position:right 12px center;padding-right:30px!important}body:has(.order-head) .payment-add-row{padding:20px 20px 20px 140px;background:#f8f9fa;border-bottom:1px solid var(--divider)}.payment-add-row button{border:0!important;background:none!important;color:var(--brand)!important;padding:0!important;min-height:36px;text-decoration:underline;text-underline-offset:3px}.payment-match-dialog{border:1px solid #dfe1e6;border-radius:5px;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:20px;box-sizing:border-box}.payment-match-dialog::backdrop{background:#24264955}.payment-match-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--divider);padding-bottom:12px}.payment-match-dialog h2{font-size:18px}.payment-match-dialog .financial-form{padding:16px 0 0;display:grid;gap:14px}.payment-match-dialog label{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center}.payment-match-dialog input,.payment-match-dialog select{width:100%}body:has(.order-head) .order-head{margin-bottom:24px!important}
@media(max-width:767.98px){body:has(.order-head) .payment-add-row{padding:16px}.payment-match-dialog label{grid-template-columns:1fr}.payment-match-dialog input,.payment-match-dialog select{min-height:44px!important}}
body:has(.order-head) .contact-main-grid,body:has(.order-head) .contact-fields-grid{column-gap:30px}body:has(.order-head) .contact-column:nth-child(2) .contact-field input{max-width:160px}body:has(.order-head) .contact-main-grid .read-field{font-weight:400}body:has(.order-head) .contact-field:has(#entry-method){grid-column:1}.contact-field:has(#entry-messenger){grid-column:2}
@media(max-width:767.98px){body:has(.order-head) .contact-column:nth-child(2) .contact-field input{max-width:100%}body:has(.order-head) .contact-field:has(#entry-messenger){grid-column:1}}
@media(min-width:768px){#composition .line-table th:nth-child(3),#composition .line-table td:nth-child(3),#composition .line-table th:nth-child(4),#composition .line-table td:nth-child(4){display:table-cell!important}}
body:has(.order-head) .topbar{position:absolute;top:24px;right:40px;margin:0;min-height:0}body:has(.order-head) .topbar>span{display:none}body.is-new-order .order-head,body.is-new-order .heading .metric,body.is-new-order .order-identity-summary{display:none}body.is-new-order .heading{margin-bottom:50px!important}body.is-new-order .breadcrumb{margin-top:4px}.is-new-order .contact-top:has(#selected-client-card[hidden]){display:none!important}body.is-new-order .contact-tools .client-mode-actions:has(#new-client[hidden]){margin:0}body:has(.order-head) .contact-field label,body:has(.order-head) .contact-field>span{line-height:20px}body:has(.order-head) .contact-field input:disabled{background:#f7f8f9}
@media(max-width:767.98px){body:has(.order-head) .topbar{position:static}body.is-new-order .heading{margin-bottom:24px!important}body:has(.order-head) .contact-field>span{line-height:20px}}
body.is-new-order .heading{margin-bottom:30px!important}#client .contact-fields-grid .contact-field input{border-radius:6px!important;background:#fff!important;border:1px solid #dfe1e6!important;height:30px!important;min-height:30px!important;padding:4px 10px!important}#client .contact-column .contact-field{margin:0!important;min-height:30px!important}#client .contact-column{gap:20px!important}body:has(.order-head) .contact-main-grid{row-gap:20px!important;padding-top:28px!important;padding-bottom:40px!important}body:has(.order-head) .contact-main-grid .contact-field{min-height:30px!important}body:has(.order-head) .read-field{box-sizing:border-box}
@media(max-width:767.98px){#client .contact-fields-grid .contact-field input{height:44px!important;min-height:44px!important}}
#client .contact-top .client-history-open{display:inline-flex!important;align-items:center;justify-content:flex-start;gap:14px;background:none!important;border:0!important;border-radius:0!important;box-shadow:none;padding:4px 0!important;min-height:30px!important;height:auto;font-size:13px;color:var(--brand)!important;width:auto!important;font-weight:400}#client #client-state{border:0!important;border-left:0!important;background:none!important;padding:0!important;font-size:12px;color:var(--secondary);min-height:0!important}#client .contact-tools .client-mode-actions{margin:8px 0}#client .contact-top .client-history-shell{border:0;padding:0}#client .contact-top .history-inline-stats{font-size:12px;line-height:1.5}
.delivery-structured{margin-left:120px;font-size:13px}.delivery-structured>summary{color:var(--brand);cursor:pointer;padding:4px 0 12px}.delivery-structured .field{grid-template-columns:100px minmax(0,1fr)!important;margin:0 0 12px!important}.delivery-structured[open]{border-top:1px solid var(--divider);padding-top:8px}.delivery-structured[open]>summary{padding-bottom:16px}
@media(max-width:767.98px){.delivery-structured{margin-left:0}}
#composition .line-table tbody tr[data-empty=true]{display:none!important}.composition-empty{padding:44px 24px;text-align:center;font-size:14px;color:#949da9;max-width:520px;margin:auto}.composition-empty[hidden]{display:none!important}body:has(.order-head) .order-data-form{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);column-gap:24px;align-items:start}.order-data-form>#main-info,.order-data-form>#client,.order-data-form>#composition{grid-column:1/-1}.order-data-form>#delivery{grid-column:1}.order-data-form>.order-comments{grid-column:2;grid-row:4}
@media(max-width:1000px){body:has(.order-head) .order-data-form{display:block}.order-data-form>.order-comments{grid-row:auto}}
body:has(.order-head) .panel-head h2{margin-right:auto!important}body:has(.order-head) .panel-head .section-fold{margin-left:0}#client .contact-tools .client-mode-actions:empty{display:none}#client .contact-tools p{margin:6px 0;font-size:12px;line-height:20px}#composition .panel-head #add-line{margin-left:auto}body:has(.order-head) .contact-column:nth-child(2) .contact-field:focus-within input{max-width:100%}
.retail-payable{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:center;padding:20px;color:var(--secondary);font-size:13px}.retail-payable strong{font-size:14px;color:var(--text);font-weight:400;background:#f5f6f8;border-radius:4px;padding:5px 10px;justify-self:start}.payment-heading-state{font-size:12px;font-weight:400;color:var(--secondary);max-width:60%;overflow-wrap:anywhere}#payment .payment-summary.no-received-payments{display:none!important}#payment .comments{font-size:12px;color:var(--secondary);padding:8px 20px 20px}.payment-add-row button:disabled{opacity:.55;cursor:not-allowed}.retail-payable+#payment-summary{border-top:1px solid var(--divider)}
/* Measured against the same Safari window: 206px at1264, 280px at1440. */
body:has(.order-head) .panel{margin-top:0!important}
@media(min-width:768px){body:has(.order-head) .contact-main-grid .contact-field>select,body:has(.order-head) .contact-main-grid .contact-field>.read-field,#client .contact-column:first-child .contact-field input{width:clamp(206px,calc(42.0454545vw - 325.454545px),280px)!important;max-width:100%!important}}
body:has(.order-head) select{background-image:url('/static/retail-select-caret.svg')!important;background-position:right 12px center!important;background-repeat:no-repeat!important}
.reference-select-wrap{position:relative;min-width:0;width:clamp(206px,calc(42.0454545vw - 325.454545px),280px);max-width:100%}.reference-select-wrap select{width:100%!important;max-width:100%!important;padding-right:56px!important}body:has(.order-head) button.clear-select{position:absolute;right:28px;top:0;width:28px;height:30px;min-height:30px;padding:0;border:0!important;background:transparent!important;box-shadow:none;color:#a4abb3!important;font-size:20px;font-weight:600;border-radius:0}.clear-select[hidden]{display:none!important}@media(max-width:767.98px){.reference-select-wrap{width:100%}body:has(.order-head) button.clear-select{height:44px;min-height:44px}}

.name-distribution-note{margin:12px 20px 0;padding:10px 12px;border:1px solid #e4d8bb;border-radius:4px;background:#fffbf2;font-size:13px;line-height:1.5}.contact-technical{margin:12px 20px 20px;font-size:12px;color:#687482}.contact-technical summary{cursor:pointer;padding:8px 0}.contact-technical p{overflow-wrap:anywhere}.contact-technical[open]{border-top:1px solid #dfe1e6}