.cmc-reference-upload{clear:both;width:100%;min-width:0;margin:22px 0}.cmc-reference-upload .label{display:block;margin:0 0 9px;font-weight:600}.cmc-reference-upload .label span{font-weight:400;color:#696e70}.cmc-reference-box{border:1px solid #d9ddda;border-radius:6px;background:#f8f9f7;padding:14px 16px}.cmc-reference-upload input[type=file]{display:block!important;width:100%!important;max-width:100%;height:auto!important;min-height:44px;line-height:1.5;padding:0!important;border:0!important;background:transparent;white-space:normal;overflow:hidden;font-size:14px;color:#333b39}.cmc-reference-upload input::file-selector-button{min-height:44px;padding:9px 14px;margin-right:12px;border:1px solid #59635e;border-radius:3px;color:#fff;background:#303a35;cursor:pointer}.cmc-reference-box p,.cmc-reference-status{font-size:12px!important;line-height:1.55!important;color:#636b66;margin:9px 0 0!important}.cmc-reference-list{list-style:none;padding:0!important;margin:0!important}.cmc-reference-list li{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e3e6e2;min-height:48px;padding:5px 0;list-style:none}.cmc-reference-list span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}.cmc-reference-list button{flex:none;min-width:44px;min-height:44px;border:0;background:transparent;color:#333b39;text-decoration:underline;font-size:12px;padding:8px}.cmc-reference-error{margin:8px 0!important;font-size:13px;color:#a62a25}.cmc-reference-error[hidden]{display:none!important}.cmc-reference-upload:focus-within .cmc-reference-box{outline:2px solid #6c7b71;outline-offset:2px}@media(max-width:767px){.cmc-reference-box{padding:12px}.cmc-reference-upload{margin:18px 0}.cmc-reference-upload input::file-selector-button{margin-right:8px;padding:9px 10px}}


.cmc-reference-picker{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;min-width:0}.cmc-reference-upload .cmc-reference-choose{flex:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:9px 14px;border:1px solid #59635e;border-radius:3px;color:#fff;background:#303a35;font-size:14px;font-weight:500;line-height:1.5;white-space:nowrap}.cmc-reference-upload .cmc-reference-picked{flex:1;min-width:0;overflow-wrap:anywhere;color:#333b39;font-size:14px;line-height:1.5}.cmc-reference-upload .cmc-reference-picker input[type=file]{position:absolute!important;inset:0!important;z-index:2!important;opacity:0!important;display:block!important;width:100%!important;height:100%!important;min-height:44px!important;cursor:pointer!important;padding:0!important;margin:0!important}.cmc-reference-picker:focus-within{outline:2px solid #6c7b71;outline-offset:3px;border-radius:3px}@media(max-width:767px){.cmc-reference-picker{gap:10px}.cmc-reference-upload .cmc-reference-choose{padding:9px 12px}}

/* Desktop Magento labels float full-width; keep the shared upload field in normal flow. */
.cmc-reference-upload>label.label{float:none!important;width:auto!important;padding:0!important;text-align:left!important}.cmc-reference-upload .cmc-reference-box{clear:both;width:100%;min-width:0;box-sizing:border-box}.cmc-reference-upload .cmc-reference-picker{width:100%;box-sizing:border-box}
