#save-quote-catalog, #cos-storage-status, #toggle-explanations,
.topbar .local-badge > span, .workflow-filtered {display:none !important}
.topbar .local-badge {display:inline-block; width:9px; height:9px; border:0; padding:0; border-radius:50%; background:#27824f}
.topbar .local-badge.workflow-offline {background:#c23232}
.workflow-menu {position:relative; display:inline-block}
.workflow-menu summary {list-style:none; cursor:pointer; white-space:nowrap}
.workflow-menu summary::-webkit-details-marker {display:none}
.workflow-menu > div {position:absolute; z-index:15; right:0; top:100%; display:grid; gap:6px; min-width:max-content; padding:8px; border:1px solid #d2dce9; background:#fff; border-radius:6px; box-shadow:0 4px 12px #132b4420}
.workflow-export-dialog {width:min(420px, 90vw); padding:20px}
.workflow-export-dialog label {display:block; margin:10px 0}
.workflow-export-dialog label[hidden] {display:none}
.workflow-export-dialog input, .workflow-export-dialog select {display:block; width:100%}
/* quote-detail-compact-name */
.quote-panel #quote-table .row-name .name-edit-button {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-width: 100%;
  padding: 2px 0;
  margin: 0;
  color: inherit;
  font: inherit;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
}
@media (min-width: 1000px) {
  .quote-panel #quote-table .quote-price-col { width: 228px; }
  .quote-panel #quote-table[data-costs-visible="true"] .quote-price-col { width: 334px; }
}
/* quote-detail-balanced-r2 */
.quote-panel #quote-table .quote-part-col {
  width: clamp(140px, 14%, 225px);
}
.quote-panel #quote-table .quote-quantity-col,
.quote-panel #quote-table .quote-quantity-cell {
  width: 94px;
  text-align: center;
}
.quote-panel #quote-table .quote-price-col {
  width: clamp(250px, 27%, 490px);
  text-align: left;
}
.quote-panel #quote-table[data-costs-visible="true"] .quote-price-col {
  width: clamp(350px, 34%, 600px);
}
.quote-panel #quote-table .quote-price-col,
.quote-panel #quote-table .quote-sales-cell {
  padding-left: 14px;
}
.quote-panel #quote-table .quote-price-heading,
.quote-panel #quote-table .quote-price-pair,
.quote-panel #quote-table .quote-sales-main .purchase-cost-display,
.quote-panel #quote-table .quote-sales-main .quote-purchase-controls,
.quote-panel #quote-table .quote-price-comparison {
  justify-content: flex-start;
}
.quote-panel #quote-table .quote-sales-main {
  text-align: left;
}
.quote-panel #quote-table .quote-amount-col {
  width: clamp(115px, 10%, 175px);
}

.quote-panel #quote-table[data-costs-visible="true"] { min-width: 1080px; }
.quote-panel #quote-table .quote-sales-main .quote-sales-input {
  width: 124px;
}
/* quote-detail-final-widths */
.quote-panel #quote-table {
  table-layout: fixed;
  width: 1414px;
  min-width: 1414px;
}
.quote-panel #quote-table[data-costs-visible="true"] {
  width: 1570px;
  min-width: 1570px;
}
.quote-panel #quote-table .quote-part-col { width: 268px; }
.quote-panel #quote-table .quote-name-col { width: 280px; }
.quote-panel #quote-table .quote-image-col,
.quote-panel #quote-table .quote-image-cell { width: 130px; }
.quote-panel #quote-table .quote-quantity-col,
.quote-panel #quote-table .quote-quantity-cell { width: 130px; text-align: center; }
.quote-panel #quote-table .quote-price-col { width: 280px; }
.quote-panel #quote-table[data-costs-visible="true"] .quote-price-col { width: 436px; }
.quote-panel #quote-table .quote-amount-col { width: 160px; }
.quote-panel #quote-table .quote-amount-col,
.quote-panel #quote-table .quote-sales-cell + .sales-amount { text-align: center; padding-inline: 5px; }
.quote-panel #quote-table .quote-status-col,
.quote-panel #quote-table .quote-status-cell { width: 100px; text-align: center; }
.quote-panel #quote-table .quote-price-col,
.quote-panel #quote-table .quote-sales-cell { padding-inline: 0; text-align: center; }
.quote-panel #quote-table .quote-price-heading,
.quote-panel #quote-table .quote-price-pair {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.quote-panel #quote-table .quote-sales-main { text-align: center; }
.quote-panel #quote-table .purchase-cost-display,
.quote-panel #quote-table .quote-price-comparison,
.quote-panel #quote-table .quote-purchase-controls { justify-content: center; }
.quote-panel #quote-table[data-costs-visible="true"] .quote-price-heading,
.quote-panel #quote-table[data-costs-visible="true"] .quote-price-pair {
  display: grid;
  grid-template-columns: 280px 156px;
  gap: 0;
  align-items: center;
}
.quote-panel #quote-table .quote-price-heading > .cost-header-toggle {
  justify-content: center;
  border-left: 0;
  padding-left: 0;
}
.quote-panel #quote-table .quote-price-pair > .quote-internal-cost-panel {
  max-width: none;
  text-align: center;
  padding-inline: 8px;
  border-left: 1px solid #d8e3ed;
}
/* quote-detail-price-display-v1 */
.quote-panel #quote-table,
.quote-panel #quote-table[data-costs-visible="true"] {
  width: 100%;
  min-width: 760px;
  table-layout: fixed;
}
.quote-panel #quote-table th.index-col,
.quote-panel #quote-table td:first-child { width: 3%; }
.quote-panel #quote-table .quote-part-col,
.quote-panel #quote-table .quote-name-col { width: 18.8%; }
.quote-panel #quote-table .quote-image-col,
.quote-panel #quote-table .quote-image-cell { width: 12.6%; }
.quote-panel #quote-table .quote-quantity-col,
.quote-panel #quote-table .quote-quantity-cell { width: 7.9%; }
.quote-panel #quote-table .quote-price-col,
.quote-panel #quote-table[data-costs-visible="true"] .quote-price-col { width: 18%; }
.quote-panel #quote-table .quote-amount-col { width: 11%; }
.quote-panel #quote-table .quote-status-col,
.quote-panel #quote-table .quote-status-cell { width: 7.7%; }
.quote-panel #quote-table .quote-remove-col,
.quote-panel #quote-table .quote-remove-cell { width: 2.2%; }
.quote-panel #quote-table .quote-price-heading,
.quote-panel #quote-table .quote-price-pair,
.quote-panel #quote-table[data-costs-visible="true"] .quote-price-heading,
.quote-panel #quote-table[data-costs-visible="true"] .quote-price-pair {
  display: flex;
  justify-content: center;
}

.quote-panel #quote-table .quantity-input,
.quote-panel #quote-table .quote-remove-cell .remove-row { max-width: 100%; }
.quote-panel #quote-table .quote-price-heading > .cost-header-toggle { display: inline-flex !important; }
.quote-panel #quote-table[data-costs-visible="true"] { min-width: 900px; }
.quote-panel #quote-table[data-costs-visible="true"] .quote-part-col,
.quote-panel #quote-table[data-costs-visible="true"] .quote-name-col { width: 15%; }
.quote-panel #quote-table[data-costs-visible="true"] .quote-image-col,
.quote-panel #quote-table[data-costs-visible="true"] .quote-image-cell { width: 10.2%; }
.quote-panel #quote-table[data-costs-visible="true"] .quote-price-col { width: 28%; }
.quote-panel #quote-table[data-costs-visible="true"] .quote-price-heading,
.quote-panel #quote-table[data-costs-visible="true"] .quote-price-pair {
  display: grid;
  grid-template-columns: minmax(0, 230fr) minmax(0, 140fr);
  gap: 0;
  align-items: center;
}
.quote-panel #quote-table .quote-price-pair > .quote-internal-cost-panel {
  display: block !important;
  min-width: 0;
  max-width: none;
}
.quote-panel #quote-table:not([data-costs-visible="true"]) .quote-internal-cost-panel { display: none !important; }
/* quote-workbench-fluid-v1 */
.main-content:has(> #quote-view:not([hidden])) {
  width: 100%;
  max-width: none;
  padding-inline: clamp(12px, 1.5vw, 32px);
}
#quote-view .quote-panel,
#quote-view .quote-panel .table-wrap {
  min-width: 0;
  max-width: 100%;
}
#quote-view .quote-panel .table-wrap { overflow-x: auto; }
#quote-view #quote-table th,
#quote-view #quote-table td { font-size: clamp(13px, calc(11px + .2vw), 17px); }
#quote-view #quote-table .row-status { font-size: clamp(11px, calc(10px + .12vw), 14px); }
#quote-view #quote-table .quote-price-reference { font-size: clamp(11px, calc(10px + .15vw), 14px); }
#quote-view #quote-table .quote-price-heading { flex-wrap: wrap; }
#quote-view #quote-table .quote-sales-main { min-width: 0; }
#quote-view #quote-table .row-name .name-edit-button { font-size: inherit; }

/* quote-long-table-v1 */
#quote-view .quote-panel .table-wrap:has(#quote-body > tr:nth-child(9 of :not(.workflow-filtered))) {
  max-height: min(65vh, 640px);
  overflow: auto;
  scroll-padding-top: 56px;
}
#quote-view #quote-table thead th {
  position: sticky;
  top: 0;
  z-index: 3;
}
@media (min-width: 1000px) {
  #quote-view #quote-table .quote-part-col,
  #quote-view #quote-table .quote-part-cell {
    position: sticky;
    left: 0;
  }
  #quote-view #quote-table .quote-part-cell {
    z-index: 2;
    background: #fff;
  }
  #quote-view #quote-table tr.pending-row .quote-part-cell { background: #fffdfa; }
  #quote-view #quote-table tr.quote-duplicate-row .quote-part-cell { background: inherit; }
  #quote-view #quote-table th.quote-part-col { z-index: 4; }
}
#quote-view .workflow-menu button[aria-pressed="true"] {
  border-color: #678db4;
  background: #eaf2fb;
}

/* quote-deep-layout-v1 */
#quote-view .quote-panel { container-type: inline-size; }
#quote-view .quote-panel .quote-title-row,
#quote-view .quote-panel .quote-heading-line { flex-wrap: wrap; row-gap: 6px; }
#quote-view .quote-panel #quote-table .candidate-select { max-width: 100%; }
#quote-view .quote-panel #quote-table .quote-status-cell { overflow-wrap: anywhere; }
#quote-view .quote-panel #quote-table .sales-amount { font-variant-numeric: tabular-nums; }
#quote-view .quote-panel .table-wrap { overscroll-behavior-inline: contain; }
#quote-view #quote-table tbody tr.quote-duplicate-row .quote-part-cell {
  background: var(--quote-duplicate-background);
}
#quote-view #quote-table .quote-duplicate-tone-0 { --quote-duplicate-background: #fff5dd; }
#quote-view #quote-table .quote-duplicate-tone-1 { --quote-duplicate-background: #edf5ff; }
#quote-view #quote-table .quote-duplicate-tone-2 { --quote-duplicate-background: #f3efff; }
#quote-view #quote-table .quote-duplicate-tone-3 { --quote-duplicate-background: #eaf8ef; }
#quote-view #quote-table .quote-duplicate-tone-4 { --quote-duplicate-background: #fff0f2; }
#quote-view #quote-table .quote-duplicate-tone-5 { --quote-duplicate-background: #eaf8f8; }
#quote-view #quote-table .quote-duplicate-tone-6 { --quote-duplicate-background: #f5f5df; }
#quote-view #quote-table .quote-duplicate-tone-7 { --quote-duplicate-background: #f4edf5; }
@supports (field-sizing: content) {
  #quote-view #quote-table .table-part-input { field-sizing: content; }
}
@container (max-width: 1080px) {
  #quote-view #quote-table th,
  #quote-view #quote-table td { padding-inline: 6px; }
  #quote-view #quote-table .quote-image-col,
  #quote-view #quote-table .quote-image-cell { width: 7%; }
  #quote-view #quote-table .quote-quantity-col,
  #quote-view #quote-table .quote-quantity-cell { width: 9%; }
  #quote-view #quote-table:not([data-costs-visible="true"]) .quote-price-col { width: 22%; }
}
@container (max-width: 720px) {
  #quote-view #quote-table .quote-part-col,
  #quote-view #quote-table .quote-part-cell { position: static; }
  #quote-view #quote-table thead .quote-part-col { position: sticky; left: auto; }
}