.rn-drawing-ai-label, .rn-drawing-title-text { display: none; }
.rn-simple-header,
.rn-customer-print-header,
.rn-drawing-label-simple { display: none; }

.print-sheet-color-print-label { display: none; }

#view-rn .rn-drawing-stock { display: inline-flex; margin-left: 8px; vertical-align: middle; }

/* Keep preparation and final print dimensions identical, so the iframe
   renders at its final size before the browser captures it. */
:is(#rn-sheet, #print-sheet-modal).print-sheet-preprint .drawing-iframe-wrap.drawing-iframe-wrap--square {
  max-width: 100%;
  aspect-ratio: 10 / 9;
}

@media print {
  body:is([data-rn-print-variant="workers"], [data-rn-print-variant="customer"]) #view-rn .print-icon-card :is(.print-icon-type, .print-icon-name) {
    display: none !important;
  }
  body[data-rn-print-variant="workers"] #view-rn :is(.page, .rn-page-inner, .rn-main, #rn-sheet) {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  body[data-rn-print-variant="workers"] #view-rn .rn-print-brand { display: none !important; }
  body[data-rn-print-variant="workers"] #view-rn .rn-print-qr-group {
    margin: 0;
    justify-content: flex-start;
  }
  body[data-rn-print-variant="workers"] #view-rn .rn-print-order-qr {
    align-items: flex-start;
  }
  body[data-rn-print-variant="workers"] #view-rn .rn-print-qr-img {
    width: 64px;
    height: 64px;
  }
  body[data-rn-print-variant="workers"] #view-rn .rn-print-qr-title { display: none !important; }
  body[data-rn-print-variant="workers"] #view-rn #rn-sheet-body { gap: 8px; }


  /* Keep the existing details in normal flow, beside a compact RN/QR stack.
     Only the first details section reserves this space; product rows stay full-width. */
  body[data-rn-print-variant="workers"] #view-rn #rn-sheet:has(.rn-order-details-card.rn-print-include:not(.is-editing)) .rn-sheet-header {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 3px;
  }
  body[data-rn-print-variant="workers"] #view-rn #rn-sheet:has(.rn-order-details-card.rn-print-include:not(.is-editing)) .print-sheet-header-left {
    flex: 0 0 auto;
    justify-content: flex-end;
    overflow: visible;
  }
  body[data-rn-print-variant="workers"] #view-rn #rn-sheet:has(.rn-order-details-card.rn-print-include:not(.is-editing)) .rn-print-order-qr {
    align-items: flex-end;
  }

  body[data-rn-print-variant="workers"] #view-rn #rn-sheet-body > .rn-order-details-card.rn-print-include:not(.is-editing) {
    margin-right: 122px !important;
    min-height: 124px;
    box-sizing: border-box;
  }

  body[data-rn-print-variant="workers"] #view-rn .rn-order-details-head {
    display: none !important;
  }
  body[data-rn-print-variant="workers"] #view-rn .rn-order-details-summary-grid {
    margin-top: 0 !important;
  }
  body[data-rn-print-variant="workers"] #view-rn .rn-order-details-summary-card {
    padding-top: 0 !important;
  }

  /* QR stays beside the details, with a 2px gap before the RN header column. */
  body[data-rn-print-variant="workers"] #view-rn .rn-order-details-print-meta {
    display: flex !important;
    flex: 0 0 100%;
    flex-wrap: wrap;
    gap: 6px 18px;
    width: 100%;
    padding-inline-start: 19px;
    box-sizing: border-box;
  }
  body[data-rn-print-variant="workers"] #view-rn #rn-sheet.rn-worker-inline-qr #rn-sheet-body > .rn-order-details-card.rn-print-include:not(.is-editing) {
    min-height: 0;
    container-type: inline-size;
  }
  body[data-rn-print-variant="workers"] #view-rn .rn-worker-inline-qr .rn-order-details-summary-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, .75fr) minmax(0, 1.3fr) 64px;
    column-gap: 12px !important;
    row-gap: 6px !important;
  }
  /* The customer wrapper previously kept the flex layout's 48% width cap
     inside an already-sized grid column, squeezing names and notes twice. */
  body[data-rn-print-variant="workers"] #view-rn .rn-worker-inline-qr :is(.rn-order-details-summary-customer-group, .rn-order-details-summary-card) {
    width: auto;
    max-width: none;
    min-width: 0;
  }
  body[data-rn-print-variant="workers"] #view-rn .rn-worker-inline-qr .rn-order-details-print-meta {
    grid-column: 1 / 4;
    grid-row: 2;
  }
  body[data-rn-print-variant="workers"] #view-rn .rn-worker-inline-qr .rn-order-details-summary-grid > .rn-print-qr-group {
    grid-column: 4;
    grid-row: 1 / 3;
    align-self: start;
    justify-self: end;
  }

  /* Use a vacant summary column for the date/creator when the actual
     printable details area is wide enough; otherwise retain the lower row. */
  @container (min-width: 560px) {
    body[data-rn-print-variant="workers"] #view-rn .rn-worker-inline-qr .rn-order-details-summary-grid:is(:not(:has(> [data-rn-summary-type="delivery"])), :not(:has(> [data-rn-summary-type="payment"]))) {
      grid-template-columns: minmax(0, 1.35fr) minmax(0, 1.3fr) minmax(0, 1.2fr) 64px;
    }
    body[data-rn-print-variant="workers"] #view-rn .rn-worker-inline-qr .rn-order-details-summary-grid:is(:not(:has(> [data-rn-summary-type="delivery"])), :not(:has(> [data-rn-summary-type="payment"]))) > .rn-order-details-print-meta {
      grid-column: 3;
      grid-row: 1;
      padding-inline-start: 0;
      gap: 6px 12px;
    }
    body[data-rn-print-variant="workers"] #view-rn .rn-worker-inline-qr .rn-order-details-print-meta-item {
      max-width: 100%;
    }
  }

  :is(#rn-sheet, #print-sheet-modal) .drawing-iframe-wrap.drawing-iframe-wrap--square {
    max-width: 100%;
    aspect-ratio: 10 / 9;
  }

  body[data-view="rn"] #view-rn .print-icon-grid[data-rn-auto-layout] {
    gap: 6px;
    grid-template-columns: repeat(auto-fit, minmax(clamp(calc((100% - 18px) / 4), var(--rn-drawing-print-min-width, 190px), calc((100% - 6px) / 2)), 1fr)) !important;
  }
  body[data-view="rn"]:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-grid[data-rn-auto-layout]:not(:has(> .print-icon-card:nth-child(3))) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  body[data-view="rn"][data-rn-print-variant="workers"] #view-rn .print-icon-grid[data-rn-auto-layout] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  :is(#view-rn, #print-sheet-modal) .print-icon-body :is(.print-icon-meta-label, .print-icon-metric-label, .print-icon-config-header > div) {
    color: #64748b !important;
  }
  /* Table thumbnails print at 70% of their usual 48px size. */
  :is(#view-rn, #print-sheet-modal) :is(.print-sheet-section-limarska, .print-sheet-section-sraf) .print-sheet-thumb {
    width: 33.6px;
    height: 33.6px;
  }
  .print-sheet-color-screen-label { display: none; }
  .print-sheet-color-print-label { display: inline; }

  /* A smaller print iframe must not expose the gray preview frame around it. */
  #view-rn :is(.print-icon-media, .drawing-iframe-wrap, .drawing-iframe),
  #print-sheet-modal :is(.print-icon-media, .drawing-iframe-wrap, .drawing-iframe) {
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  /* Clear worksheet fills, retaining the actual material swatch and the
     contrasting circle that makes the drawing's color-side arrow readable. */
  body:is([data-rn-print-variant="workers"], [data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn,
  body:is([data-rn-print-variant="workers"], [data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn *:not(.print-sheet-color-swatch):not(.drawing-side-button) {
    background: transparent !important;
    box-shadow: none !important;
  }
  /* The promotional banner uses an SVG fill rather than a CSS background. */
  #view-rn .rn-customer-print-promo-banner-fill { display: none !important; }
  #view-rn .rn-customer-print-promo-banner { color: #b91c1c; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 3px 8px;
  }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-sku {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    text-align: right;
  }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .rn-drawing-stock { display: none; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-name { grid-column: 1 / -1; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .rn-drawing-primary-label {
    grid-column: 1;
    grid-row: 1;
    padding-inline-start: 8px;
  }
  body[data-rn-print-variant="workers"] #view-rn .rn-drawing-generic-label { display: none !important; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .rn-advanced-header,
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .rn-simple-header,
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .rn-advanced-detail:not([data-label="SKU"]),
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn [data-print-column="w"],
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .rn-customer-print-table > colgroup { display: none !important; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .rn-customer-print-header { display: table-row; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .rn-image-heading { text-align: center; vertical-align: middle; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn td.print-sheet-thumb-wrap { display: table-cell; text-align: center; vertical-align: middle; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn td.print-sheet-thumb-wrap .print-sheet-thumb { display: block; margin-inline: auto; }
  /* Totals use the whole row instead of the narrow length/quantity columns. */
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-config-total {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 6px 12px;
    padding-top: 5px;
  }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-config-total > [data-print-column="qty"]:empty { display: none; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-config-total > :is([data-print-column="len"], [data-print-column="amt"]) {
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap;
    overflow-wrap: normal;
  }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-config-total > [data-print-column="amt"] { margin-left: auto; }
}

@media screen {
  #view-rn .print-icon-type.rn-drawing-has-screen-title {
    display: flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }
  #view-rn .rn-drawing-has-screen-title > :is(.rn-drawing-label-original, .rn-drawing-label-customer, .rn-drawing-label-simple) { display: none !important; }
  #view-rn .rn-drawing-has-screen-title > .rn-drawing-title-text {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  #view-rn .rn-drawing-has-screen-title > .rn-drawing-ai-label { flex: 0 0 auto; }
  #view-rn .print-icon-card .print-icon-name { display: none !important; }
  #view-rn .rn-drawing-ai-label {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    padding: 2px 6px;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    vertical-align: middle;
    white-space: nowrap;
  }
  #view-rn .rn-admin-worksheet [data-rn-section-actions] { display: none !important; }
  #view-rn .rn-advanced-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    margin-left: auto;
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: #475569;
    font: 500 13px/1.4 system-ui, sans-serif;
    cursor: pointer;
    white-space: nowrap;
  }
  #view-rn .rn-advanced-toggle:focus-visible { outline: 2px solid #2563eb; outline-offset: 4px; border-radius: 4px; }
  #view-rn .rn-advanced-toggle.is-checked .rn-menu-switch-track { background: #34c759; }
  #view-rn [data-rn-advanced] .rn-section-heading { flex-wrap: wrap; }
  #view-rn [data-rn-advanced] .rn-image-heading { text-align: center; vertical-align: middle; }
  #view-rn [data-rn-advanced] .print-icon-meta { gap: 6px 16px; padding: 3px 0; align-items: baseline; }
  #view-rn [data-rn-advanced] .print-icon-meta-item { gap: 6px; line-height: 1.5; }
  /* Stock shares the product-title row; SKU codes keep their own advanced row. */
  #view-rn [data-rn-advanced] .print-icon-title-row { padding-right: 0; }
  #view-rn [data-rn-advanced] .print-icon-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: center;
    gap: 4px 8px;
    width: 100%;
  }
  #view-rn [data-rn-advanced] .print-icon-sku { display: contents; }
  #view-rn [data-rn-advanced] .rn-drawing-sku-code { grid-column: 1 / -1; grid-row: 1; }
  #view-rn [data-rn-advanced] .print-icon-name { grid-column: 1 / -1; }
  #view-rn [data-rn-advanced] .rn-drawing-primary-label { grid-column: 1; grid-row: 2; }
  #view-rn [data-rn-advanced] .rn-drawing-stock {
    grid-column: 2;
    grid-row: 2;
    margin-left: 0;
    font-size: 12px;
  }
  #view-rn [data-rn-advanced="false"] :is(.rn-drawing-primary-label, .rn-drawing-stock) { grid-row: 1; }

  #view-rn [data-rn-advanced="false"] :is(.rn-advanced-header, .rn-advanced-detail, .rn-drawing-sku-code, [data-print-column="w"], .rn-simple-label-empty),
  #view-rn [data-rn-advanced="false"] .print-icon-sku:not(.print-icon-sku--with-stock),
  #view-rn [data-rn-advanced="false"] .sku-cart-table > colgroup,
  #view-rn [data-rn-advanced="false"] .rn-has-simple-label > .rn-drawing-label-original { display: none !important; }
  #view-rn [data-rn-advanced="false"] .rn-simple-header { display: table-row; }
  #view-rn [data-rn-advanced="false"] .rn-drawing-label-simple { display: inline; }
  #view-rn [data-rn-advanced="false"] .rn-drawing-stock { margin-left: 0; }
  #view-rn [data-rn-advanced="false"] .rn-mini-row { grid-template-columns: repeat(var(--rn-simple-cols), minmax(0, 1fr)); }
  #view-rn [data-rn-advanced="false"] .rn-mini-row--totals { display: flex; justify-content: space-between; gap: 8px; }
  #view-rn [data-rn-advanced="false"] .print-icon-config-total {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 6px 12px;
    padding-top: 5px;
  }
  #view-rn [data-rn-advanced="false"] .print-icon-config-total > [data-print-column="qty"]:empty { display: none; }
  #view-rn [data-rn-advanced="false"] .print-icon-config-total > :is([data-print-column="len"], [data-print-column="amt"]) {
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap;
    overflow-wrap: normal;
  }
  #view-rn [data-rn-advanced="false"] .print-icon-config-total > [data-print-column="amt"] { margin-left: auto; }
}

@media screen and (min-width: 1001px) {
  body:not([data-rn-drawings="big"]) #view-rn .print-icon-grid[data-rn-auto-layout] {
    gap: 12px;
    /* Retain empty tracks so a sparse row never stretches into one wide cell. */
    grid-template-columns: repeat(auto-fill, minmax(clamp(calc((100% - 36px) / 4), var(--rn-drawing-min-width, 300px), calc((100% - 12px) / 2)), 1fr)) !important;
  }
  /* Available from markup, including lazy frames that have not loaded yet. */
  #view-rn .print-icon-grid:has(iframe:is([data-src*="drawing-t2-reader"], [src*="drawing-t2-reader"])) {
    --rn-drawing-min-width: 360px;
  }
  body:not([data-rn-drawings="big"]) #view-rn .print-icon-grid[data-rn-auto-layout]:has(> .print-icon-card:only-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  #view-rn [data-rn-advanced] td.print-sheet-thumb-wrap { display: table-cell; text-align: center; vertical-align: middle; }
  #view-rn [data-rn-advanced] td.print-sheet-thumb-wrap .print-sheet-thumb { display: block; margin-inline: auto; }
}

@media screen and (max-width: 1000px) {
  #view-rn [data-rn-advanced="false"] .sku-cart-table > tbody > tr > td[data-label="Tip"] {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
  }
  #view-rn .sku-cart-table td[data-label="Tip"] > .rn-live-stock {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle;
  }
  /* Size text to the panel, keeping dense advanced tables compact. */
  #view-rn [data-rn-advanced] :is(.rn-mini-table, .print-icon-configs) { container-type: inline-size; }
  #view-rn [data-rn-advanced] .rn-mini-cell,
  #view-rn [data-rn-advanced] .print-icon-config-row > div {
    font-size: clamp(11px, 2.6cqi, 13px);
    line-height: 1.3;
    padding-block: 2px;
  }
  #view-rn [data-rn-advanced="false"] .rn-mini-cell,
  #view-rn [data-rn-advanced="false"] .print-icon-config-row > div { font-size: clamp(12px, 4cqi, 14px); }
  #view-rn [data-rn-advanced] .rn-mini-row--head .rn-mini-cell,
  #view-rn [data-rn-advanced] .print-icon-config-header > div { font-size: clamp(10px, 2.4cqi, 12px); }
  #view-rn [data-rn-advanced="false"] .rn-mini-row--head .rn-mini-cell,
  #view-rn [data-rn-advanced="false"] .print-icon-config-header > div { font-size: clamp(11px, 3.5cqi, 12px); }
  /* Reserve extra width for prices while keeping headings and values aligned. */
  #view-rn [data-rn-advanced="false"] .rn-mini-row:not(.rn-mini-row--totals) {
    grid-template-columns: repeat(calc(var(--rn-simple-cols) - 1), minmax(0, 1fr)) minmax(0, 1.8fr);
    column-gap: 6px;
  }
  #view-rn [data-rn-advanced="false"] .print-icon-config-row:not(.print-icon-config-total) > [data-print-column="qty"] { flex: 0 0 2.5em; }
  #view-rn [data-rn-advanced="false"] .print-icon-config-row:not(.print-icon-config-total) > [data-print-column="amt"] {
    flex-grow: 1.8;
    min-width: max-content;
    white-space: nowrap;
  }
  #view-rn [data-rn-advanced="false"] .rn-mini-row--totals { flex-wrap: wrap; }
  #view-rn [data-rn-advanced="false"] .rn-mini-row--totals .rn-mini-cell,
  #view-rn [data-rn-advanced="false"] .print-icon-config-total > div { font-size: 14px; }
  #view-rn [data-rn-advanced="false"] .rn-mini-row--totals .rn-mini-cell:last-child { margin-left: auto; }
  #view-rn [data-rn-advanced="false"] .sku-cart-table > tbody > tr > td.rn-num-cell {
    display: block !important;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    padding: 2px 6px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .92);
    font-weight: 700;
  }
  #view-rn [data-rn-advanced="false"] .sku-cart-table > tbody > tr > td[data-label="Tip"] { grid-row: 1; }
  #view-rn [data-rn-advanced="false"] .sku-cart-table > tbody > tr > td[data-label="Naziv"] { grid-row: 2; }
  #view-rn [data-rn-advanced="false"] .sku-cart-table > tbody > tr > td[data-label="Boja"] { grid-row: 3; }
  #view-rn [data-rn-advanced="false"] .sku-cart-table > tbody > tr > td.print-sheet-thumb-wrap { grid-row: 1 / span 3; }
  #view-rn [data-rn-advanced="false"] .sku-cart-table > tbody > tr > td.rn-mobile-metrics-cell { grid-row: 4; }
}

@media screen and (max-width: 640px) {
  /* Keep product details at one size; weight carries the visual hierarchy. */
  #view-rn .sku-cart-table > tbody > tr > td:is([data-label="Tip"], [data-label="Naziv"], [data-label="Boja"]),
  #view-rn [data-rn-advanced] .sku-cart-table > tbody > tr > td[data-label="Tip"] {
    font-size: 14px;
    line-height: 1.35;
  }
  #view-rn .sku-cart-table > tbody > tr > td[data-label="Tip"],
  #view-rn [data-rn-advanced] .sku-cart-table > tbody > tr > td[data-label="Tip"] { font-weight: 700; }
  #view-rn .sku-cart-table > tbody > tr > td[data-label="Naziv"] { font-weight: 500; }
  #view-rn .sku-cart-table > tbody > tr > td[data-label="Boja"] { font-weight: 400; }
  #view-rn .sku-cart-table > tbody > tr > td[data-label="Tip"] > .rn-live-stock {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
  }
}

/* Keep each label above its value while retaining the live price control. */
@media print {
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-details {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    align-items: start;
    gap: 0;
    padding: 0 4px;
    border-radius: 8px;
    background: #f1f5f9;
    min-width: 0;
  }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-details :is(.print-icon-meta, .print-icon-metrics) { display: contents; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-details :is(.print-icon-meta-item, .rn-unit-price-metric) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    min-width: 0;
    padding: 2px 4px;
    box-sizing: border-box;
    grid-column: auto;
    grid-row: auto;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    color: #000;
  }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-meta-item--color { order: 1; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-details .print-icon-meta-item--color { padding-inline-end: 12px; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-meta-item--thickness { order: 2; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-meta-item--rs { order: 3; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .rn-unit-price-metric { order: 4; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-metrics > div:not(.rn-unit-price-metric) { order: 5; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-details :is(.print-icon-meta-label, .print-icon-metric-label) {
    color: #64748b;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.1;
    white-space: nowrap;
  }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-details .print-icon-metric-value { margin-top: 0; font-size: inherit; font-weight: inherit; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-details .print-sheet-color { flex-wrap: nowrap !important; gap: 4px; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-details .print-sheet-color-swatch { width: 12px; height: 12px; box-sizing: border-box; }
  body:is([data-rn-print-variant="customer"], [data-rn-print-variant="offer"]) #view-rn .print-icon-details :is(.print-sheet-color-text, .rn-price-display) {
    white-space: nowrap !important;
    overflow-wrap: normal;
    line-height: inherit;
  }
}

@media screen {
  #view-rn [data-rn-advanced="false"] .print-icon-card { container-type: inline-size; container-name: rn-drawing; }
  #view-rn [data-rn-advanced="false"] .print-icon-details {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    align-items: start;
    gap: 0;
    padding: 4px;
    border-radius: 8px;
    background: #f1f5f9;
    min-width: 0;
  }
  #view-rn [data-rn-advanced="false"] .print-icon-details :is(.print-icon-meta, .print-icon-metrics) { display: contents; }
  #view-rn [data-rn-advanced="false"] .print-icon-details :is(.print-icon-meta-item, .rn-unit-price-metric) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
    padding: 4px;
    box-sizing: border-box;
    grid-column: auto;
    grid-row: auto;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    color: #000;
  }
  #view-rn [data-rn-advanced="false"] .print-icon-meta-item--color { order: 1; }
  #view-rn [data-rn-advanced="false"] .print-icon-details .print-icon-meta-item--color { padding-inline-end: 12px; }
  #view-rn [data-rn-advanced="false"] .print-icon-meta-item--thickness { order: 2; }
  #view-rn [data-rn-advanced="false"] .print-icon-meta-item--rs { order: 3; }
  #view-rn [data-rn-advanced="false"] .rn-unit-price-metric { order: 4; }
  #view-rn [data-rn-advanced="false"] .print-icon-metrics > div:not(.rn-unit-price-metric) { order: 5; }
  #view-rn [data-rn-advanced="false"] .print-icon-details :is(.print-icon-meta-label, .print-icon-metric-label) {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.35;
    white-space: nowrap;
  }
  #view-rn [data-rn-advanced="false"] .print-icon-details .print-icon-metric-value { margin-top: 0; font-size: inherit; font-weight: inherit; }
  #view-rn [data-rn-advanced="false"] .print-icon-details .print-sheet-color { flex-wrap: nowrap !important; gap: 4px; }
  #view-rn [data-rn-advanced="false"] .print-icon-details .print-sheet-color-swatch { width: 12px; height: 12px; box-sizing: border-box; }
  #view-rn [data-rn-advanced="false"] .print-icon-details :is(.print-sheet-color-text, .rn-price-display) {
    white-space: nowrap !important;
    overflow-wrap: normal;
    line-height: inherit;
  }
  @container rn-drawing (min-width: 340px) {
    #view-rn [data-rn-advanced="false"] .print-icon-details {
      grid-template-columns: repeat(4, minmax(max-content, 1fr));
    }
  }
}