.color-badge,.catalog-variants strong.color-badge,.detail-cell strong.color-badge{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:32px;padding:6px 12px;border:1px solid #00000020;border-radius:9px;background:var(--product-color,#edf1f7);color:var(--product-ink,#334155);font-size:14px;font-weight:750;line-height:1.3;letter-spacing:.01em;white-space:normal;overflow-wrap:anywhere;box-shadow:0 2px 5px #17315b12}
.color-badge[hidden]{display:none}
.catalog-variants>div:has(.color-badge){background:transparent;padding:0;min-width:0}
.catalog-variants>div:has(.color-badge)>small{padding-left:2px;margin-bottom:5px}
.catalog-variants{align-items:end}
#color-preview{align-self:flex-start;margin-top:8px;min-width:94px}
#selected-color{margin:8px 0}
.swatch[data-color]{width:23px;height:23px;flex-shrink:0;border:1px solid #0003;box-shadow:0 2px 5px #17315b18}
@media print{.color-badge{background:#fff!important;color:#000!important;border:1px solid #000;box-shadow:none}}

.scanner-photo-action{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:10px 0}.scanner-photo-action small{color:#526787}
#scanner-dialog{max-height:94dvh;overflow:auto}#scanner-dialog .viewfinder{overflow:hidden;margin-top:12px;background:#10223b;border-radius:12px}#scanner-video{display:block;object-fit:contain;width:100%;height:40dvh;max-height:380px}#scanner-dialog .scan-frame{border-color:#43c7ff;box-shadow:0 0 0 100px #0003}#camera-choice,#zoom-control{margin:12px 0}#camera-choice[hidden],#zoom-control[hidden]{display:none}#camera-zoom{width:100%;accent-color:#176cff}#scanner-photo{margin-top:12px}

.scan-sound-toggle{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:13px;color:#254a78}.scan-sound-toggle input{width:18px;height:18px;margin:0;accent-color:#176cff}
#selected-color{margin-left:8px}
.form-grid>label{align-self:start}#color-preview{justify-self:start}