.copw-portal{--copw-border:#d9dde3;--copw-muted:#667085;--copw-bg:#f8fafc;max-width:1180px;margin:24px auto;font-size:16px}.copw-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.copw-card{background:#fff;border:1px solid var(--copw-border);border-radius:14px;padding:22px;box-shadow:0 1px 2px rgba(16,24,40,.04);margin-bottom:20px}.copw-form label{display:block;margin:0 0 14px;font-weight:600}.copw-form input[type="text"],.copw-form input[type="email"],.copw-form input[type="number"],.copw-form input[type="file"],.copw-form select,.copw-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid var(--copw-border);border-radius:8px;padding:10px 12px;font:inherit}.copw-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.copw-button,.copw-mode-button,.copw-remove-item{display:inline-block;border:none;border-radius:8px;background:#1f2937;color:#fff!important;padding:11px 16px;text-decoration:none;cursor:pointer;font-weight:700;line-height:1.2}.copw-button-secondary,.copw-mode-button{background:#667085}.copw-mode-button.is-active{background:#1f2937}.copw-remove-item{background:#b42318;padding:8px 12px}.copw-notice{padding:12px 14px;border-radius:8px;margin:12px 0;border:1px solid var(--copw-border)}.copw-success{background:#ecfdf3;border-color:#abefc6}.copw-error{background:#fef3f2;border-color:#fecdca}.copw-details{border:1px solid var(--copw-border);border-radius:10px;padding:12px;margin:18px 0}.copw-details summary{cursor:pointer;font-weight:700}.copw-checkbox{display:flex!important;gap:8px;align-items:center}.copw-code-block{display:block;white-space:normal;word-break:break-word;padding:12px;background:#f8fafc;border:1px solid var(--copw-border);border-radius:8px}.copw-small{color:var(--copw-muted);font-size:.92em}.copw-mode-switch{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.copw-mode-panel{display:none}.copw-mode-panel.is-active{display:block}.copw-step{display:flex;align-items:center;gap:10px;margin:22px 0 14px}.copw-step span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#1f2937;color:#fff;font-weight:700}.copw-line-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.copw-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:18px}.copw-product-card{position:relative;display:flex!important;flex-direction:column;gap:10px;border:1px solid var(--copw-border);border-radius:12px;padding:12px;background:#fff;cursor:pointer;min-height:100%;margin:0!important;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.copw-product-card:hover,.copw-product-card.is-selected,.copw-product-card:has(input:checked){border-color:#1f2937;box-shadow:0 4px 12px rgba(16,24,40,.12);transform:translateY(-1px)}.copw-product-card input[type="radio"],.copw-product-card input[type="checkbox"]{position:absolute;top:12px;left:12px;z-index:2}.copw-product-image-wrap{display:block;aspect-ratio:1 / 1;background:var(--copw-bg);border-radius:10px;overflow:hidden;border:1px solid #eef0f3}.copw-product-image-wrap img{display:block;width:100%;height:100%;object-fit:cover}.copw-product-card-body{display:flex;flex-direction:column;gap:4px}.copw-product-card-body small{color:var(--copw-muted);font-weight:500}.copw-delivery-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.copw-choice-card{border:1px solid var(--copw-border);border-radius:10px;padding:14px;background:#fff;cursor:pointer}.copw-choice-card input{margin-right:8px}.copw-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}.copw-bulk-product-choice{display:flex;flex-direction:column;gap:8px}.copw-bulk-qty input{max-width:120px}.copw-history table{width:100%;border-collapse:collapse}.copw-history th,.copw-history td{border-bottom:1px solid var(--copw-border);padding:10px;text-align:left}@media (max-width:900px){.copw-two-col,.copw-delivery-choice{grid-template-columns:1fr}.copw-header{display:block}}@supports not selector(:has(*)){.copw-product-card.is-selected{border-color:#1f2937;box-shadow:0 4px 12px rgba(16,24,40,.12);transform:translateY(-1px)}}