/* Approved refinement: only the existing personalization section. */
#su-misura .label-copy > .eyebrow { margin-bottom: 18px; }
#su-misura .label-copy h2 { margin-bottom: 20px; }
#su-misura .label-tabs { margin: 20px 0 18px; gap: 10px 16px; }
#su-misura .label-name { margin: 10px 0 14px; gap: 8px; }
#su-misura .label-name input { max-width: 390px; }
#su-misura .label-copy .label-formats { margin-bottom: 18px; }
#su-misura .label-actions { width: min(100%, 390px); gap: 10px; }
#su-misura .label-actions .button { width: 100%; min-height: 48px; text-align: center; }
#su-misura .label-actions .label-editor { background: var(--ink); color: var(--paper); border-color: var(--ink); }
#su-misura .label-actions .label-editor:hover { background: #245b60; }
#su-misura .label-actions #label-quote { background: transparent; color: var(--ink); border-color: var(--ink); }
#su-misura .label-actions #label-quote:hover { background: var(--ink); color: var(--paper); }
#su-misura .label-mockup { transform: rotate(-2deg); }
#su-misura .label-preview-name {
  --label-name-size: clamp(1.3rem, 2.1vw, 1.8rem);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 72px;
  min-height: 72px;
  flex: 0 0 72px;
  margin: 8px 0;
  font-size: var(--label-name-fit, var(--label-name-size));
  line-height: 1.18;
  overflow-wrap: anywhere;
}
@media (max-width: 1050px) {
  #su-misura .label-preview-name { --label-name-size: 1.4rem; }
}
@media (max-width: 760px) {
  #su-misura .label-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; margin: 20px 0 18px; }
  #su-misura .label-tabs button { width: 100%; min-height: 48px; padding: 10px 0; }
  #su-misura .label-name input, #su-misura .label-actions { max-width: none; width: 100%; }
  #su-misura .label-mockup { top: 72px; transform: rotate(-1.25deg); }
  #su-misura .label-mockup .label-pumo { width: 82px; height: 82px; }
  #su-misura .label-preview-name { --label-name-size: 1.2rem; margin: 6px 0; }
}
