.wcpo-document-upload{margin-bottom:20px}.wcpo-document-upload label a{cursor:pointer;color:#0073aa;text-decoration:none;font-weight:500;transition:color .2s ease}.wcpo-document-upload label a:hover{color:#005a87;text-decoration:underline}#wcpo-document-file{display:none}.wcpo-document-preview{padding:15px;border:2px dashed #ddd;border-radius:8px;display:none;background-color:#f9f9f9;margin-top:10px;position:relative;min-height:60px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.wcpo-document-preview:empty{display:none}.wcpo-document-preview span:not(.wcpo-remove){font-size:14px;color:#333;font-weight:500;flex:1;min-width:0;word-break:break-word}.wcpo-document-preview img{width:32px;height:32px;object-fit:contain;flex-shrink:0;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);background-color:#fff;padding:2px}.wcpo-remove{color:#fff;background-color:#dc3545;border-radius:50%;margin-right:10px;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;line-height:1;transition:all .2s ease;flex-shrink:0;border:none;outline:none}.wcpo-remove:hover{background-color:#c82333;transform:scale(1.1)}.wcpo-remove:active{transform:scale(.95)}@media (max-width:768px){.wcpo-document-preview{padding:12px;flex-direction:column;align-items:flex-start;gap:8px}.wcpo-document-preview img{width:28px;height:28px}.wcpo-remove{position:absolute;top:8px;right:8px;margin-right:0}}