/* Cohsar Model & SKU Manager — Frontend Badge Styles */

.cohsar-model-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 6px 0 8px;
    font-size: 14px;
    line-height: 1.4;
}
.cohsar-label { font-weight: 600; }
.cohsar-value { font-weight: 500; }

/* Style 1: Clean Badge */
.cohsar-model-wrapper.style-1 { background:#f0f0f1; padding:4px 12px; border-radius:4px; border:1px solid #dcdcde; }

/* Style 2: Professional Blue */
.cohsar-model-wrapper.style-2 { background:#2271b1; color:#fff; padding:4px 12px; border-radius:4px; }
.cohsar-model-wrapper.style-2 .cohsar-label,.cohsar-model-wrapper.style-2 .cohsar-value { color:#fff; }

/* Style 3: Dark Mode Pill */
.cohsar-model-wrapper.style-3 { background:#1d2327; color:#fff; padding:4px 14px; border-radius:20px; }
.cohsar-model-wrapper.style-3 .cohsar-label,.cohsar-model-wrapper.style-3 .cohsar-value { color:#fff; }

/* Style 4: Outline Box */
.cohsar-model-wrapper.style-4 { border:2px solid currentColor; padding:4px 12px; border-radius:4px; color:#2271b1; }

/* Style 5: Soft Shadow Card */
.cohsar-model-wrapper.style-5 { background:#fff; padding:6px 14px; border-radius:6px; box-shadow:0 2px 8px rgba(0,0,0,0.12); border:1px solid #e5e5e5; }

/* Style 6: Gradient Highlight */
.cohsar-model-wrapper.style-6 { background:linear-gradient(135deg,#667eea,#764ba2); color:#fff; padding:5px 14px; border-radius:6px; }
.cohsar-model-wrapper.style-6 .cohsar-label,.cohsar-model-wrapper.style-6 .cohsar-value { color:#fff; }

/* Style 7: Minimalist Text */
.cohsar-model-wrapper.style-7 { padding:0; border:none; background:transparent; }

/* Style 8: Left Border Accent */
.cohsar-model-wrapper.style-8 { border-left:3px solid #2271b1; padding:4px 10px; background:#f0f6fc; }

/* Style 9: Tech / Code Look */
.cohsar-model-wrapper.style-9 { font-family:'Courier New',monospace; background:#1e1e2e; color:#a6e3a1; padding:5px 14px; border-radius:4px; }
.cohsar-model-wrapper.style-9 .cohsar-label { color:#89b4fa; }
.cohsar-model-wrapper.style-9 .cohsar-value { color:#a6e3a1; }

/* Style 10: Elegant Serif */
.cohsar-model-wrapper.style-10 { font-family:Georgia,serif; font-style:italic; border-bottom:1px solid #c0a060; padding-bottom:3px; color:#6b4c1e; }