:root {
  --bcs-red: #E8001E; --bcs-red-dark: #c8001a; --bcs-black: #1A1D23;
  --bcs-white: #FFFFFF; --bcs-gray: #6B7280; --bcs-gray-light: #F4F5F7;
  --bcs-gray-border: #E2E4E7; --bcs-green: #16A34A; --bcs-radius: 8px;
  --bcs-shadow: 0 2px 8px rgba(0,0,0,.08);
}
#bcs-wizard-root{font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--bcs-black);max-width:1000px;margin:0 auto}
.bcs-hidden{display:none!important}
/* Auth */
.bcs-auth-screen{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:40px 20px}
.bcs-auth-hero{text-align:center}.bcs-brand{font-size:24px;font-weight:900;letter-spacing:-1px;color:var(--bcs-black)}
.bcs-auth-hero h1{font-size:28px;font-weight:700;margin:0 0 8px}.bcs-auth-hero p{color:var(--bcs-gray);margin:0;font-size:15px}
.bcs-auth-box{background:white;border:1px solid var(--bcs-gray-border);border-radius:12px;padding:28px;width:100%;max-width:400px;box-shadow:var(--bcs-shadow)}
.bcs-auth-tabs{display:flex;border-bottom:1px solid var(--bcs-gray-border);margin-bottom:20px}
.bcs-auth-tab{flex:1;padding:10px;background:none;border:none;cursor:pointer;font-size:14px;color:var(--bcs-gray);border-bottom:2px solid transparent;margin-bottom:-1px}
.bcs-auth-tab.active{color:var(--bcs-black);border-bottom-color:var(--bcs-red);font-weight:600}
.bcs-form-error{padding:8px 12px;background:#FEF2F2;color:var(--bcs-red);border-radius:4px;font-size:13px;margin-bottom:12px}
/* Wizard header */
.bcs-wizard-header{background:var(--bcs-black);color:white;padding:14px 24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-radius:var(--bcs-radius) var(--bcs-radius) 0 0}
.bcs-wizard-brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.bcs-wizard-brand .bcs-brand{color:var(--bcs-red)}
.bcs-wizard-title{font-size:13px;color:rgba(255,255,255,.6)}
.bcs-wizard-progress{flex:1;display:flex;align-items:center;justify-content:center}
.bcs-step-dot{display:flex;flex-direction:column;align-items:center;gap:4px}
.bcs-step-circle{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}
.bcs-step-dot.active .bcs-step-circle{background:var(--bcs-red);border-color:var(--bcs-red)}
.bcs-step-dot.done .bcs-step-circle{background:var(--bcs-green);border-color:var(--bcs-green)}
.bcs-step-dot.done .bcs-step-icon{display:none}.bcs-step-check{display:none;color:white;font-weight:700}
.bcs-step-dot.done .bcs-step-check{display:block}
.bcs-step-label{font-size:10px;color:rgba(255,255,255,.5);white-space:nowrap}.bcs-step-dot.active .bcs-step-label{color:white}
.bcs-step-line{flex:1;height:2px;background:rgba(255,255,255,.15);margin:0 4px;margin-top:-16px;min-width:16px}
.bcs-wizard-user{font-size:13px;color:rgba(255,255,255,.7);white-space:nowrap}
/* Body */
.bcs-wizard-body{background:var(--bcs-gray-light);border:1px solid var(--bcs-gray-border);border-top:0;border-radius:0 0 var(--bcs-radius) var(--bcs-radius)}
.bcs-flash-msg{padding:12px 20px;font-size:14px;text-align:center;border-top:3px solid transparent}
.bcs-panel{display:none}.bcs-panel.active{display:block}
.bcs-panel-inner{padding:28px 32px;max-width:700px;margin:0 auto}.bcs-panel-wide{max-width:940px}
.bcs-panel h2{font-size:22px;font-weight:700;margin:0 0 6px}
.bcs-panel-desc{color:var(--bcs-gray);margin:0 0 24px;font-size:14px;line-height:1.5}
/* Fields */
.bcs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bcs-field{display:flex;flex-direction:column;gap:5px}.bcs-field-wide{grid-column:1/-1}
.bcs-field label{font-size:13px;font-weight:600;color:#374151}
.bcs-field input,.bcs-select,.bcs-search-input{padding:9px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;background:white;width:100%;box-sizing:border-box;transition:border-color .15s}
.bcs-field input:focus,.bcs-select:focus,.bcs-search-input:focus{outline:none;border-color:var(--bcs-red);box-shadow:0 0 0 3px rgba(232,0,30,.08)}
.bcs-input-lg{font-size:16px;padding:11px 14px}
/* Upload */
.bcs-upload-zone{border:2px dashed #D1D5DB;border-radius:var(--bcs-radius);background:white;transition:all .2s;min-height:120px;cursor:pointer}
.bcs-upload-zone:hover,.bcs-upload-zone.dragover{border-color:var(--bcs-red);background:#FFF5F5}
.bcs-upload-idle{padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.bcs-upload-icon{font-size:32px}.bcs-upload-idle strong{font-size:14px}.bcs-upload-idle span{font-size:13px;color:var(--bcs-gray)}
.bcs-upload-hint{font-size:11px!important}.bcs-upload-browse{color:var(--bcs-red);cursor:pointer;text-decoration:underline}
.bcs-upload-spinner{width:20px;height:20px;border:2px solid #E2E4E7;border-top-color:var(--bcs-red);border-radius:50%;animation:bcs-spin .7s linear infinite}
.bcs-link-btn{background:none;border:none;color:var(--bcs-red);cursor:pointer;font-size:12px;text-decoration:underline;padding:0}
/* Dims */
.bcs-dim-inputs{display:flex;align-items:center;gap:8px}
.bcs-dim-input{width:80px!important;padding:7px 10px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;text-align:center}
.bcs-dim-unit{font-size:11px;color:var(--bcs-gray)}.bcs-dim-x{color:var(--bcs-gray);font-weight:700}
.bcs-dim-cost-preview{font-size:11px;color:#16A34A;margin-top:4px}
/* Colors */
.bcs-color-pickers{display:flex;gap:12px}
.bcs-color-picker-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-size:11px;color:var(--bcs-gray)}
.bcs-color-picker-wrap input[type=color]{width:48px;height:36px;border:2px solid #E2E4E7;border-radius:6px;cursor:pointer}
/* Products */
.bcs-products-filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.bcs-search-wrap{position:relative;flex:1;min-width:200px}.bcs-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%)}
.bcs-search-input{padding-left:32px!important}
.bcs-filter-select{padding:9px 10px;border:1px solid #D1D5DB;border-radius:6px;font-size:13px;background:white}
.bcs-prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}
.bcs-prod-card{border:2px solid var(--bcs-gray-border);border-radius:var(--bcs-radius);background:white;cursor:pointer;transition:all .15s;overflow:hidden;position:relative}
.bcs-prod-card:hover{border-color:#fca5a5;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.bcs-prod-card.selected{border-color:var(--bcs-red);background:#FFF5F5}
.bcs-prod-card.selected::after{content:'✓';position:absolute;top:6px;right:6px;background:var(--bcs-red);color:white;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}
.bcs-prod-img{width:100%;height:120px;object-fit:contain;background:#F9FAFB;padding:8px;box-sizing:border-box}
.bcs-prod-img-ph{width:100%;height:120px;background:#F9FAFB;display:flex;align-items:center;justify-content:center;font-size:32px;color:#D1D5DB}
.bcs-badge-source{position:absolute;top:6px;left:6px;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;letter-spacing:.3px;text-transform:uppercase}
.bcs-badge-toptex{background:rgba(99,91,255,.15);color:#6366f1}
.bcs-badge-bease{background:rgba(232,0,30,.12);color:#E8001E}
.bcs-prod-body{padding:8px 10px}
.bcs-prod-sku{font-size:10px;font-family:monospace;color:var(--bcs-gray);text-transform:uppercase}
.bcs-prod-name{font-size:12px;font-weight:600;line-height:1.3;margin:2px 0}
.bcs-prod-meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px}
.bcs-prod-price{font-size:12px;font-weight:700;color:var(--bcs-red)}
.bcs-prod-stock{font-size:10px}.bcs-prod-stock.in{color:var(--bcs-green)}.bcs-prod-stock.out{color:var(--bcs-gray)}
.bcs-loading-state{text-align:center;padding:40px;color:var(--bcs-gray)}
.bcs-spinner-lg{width:36px;height:36px;border:3px solid #E2E4E7;border-top-color:var(--bcs-red);border-radius:50%;animation:bcs-spin .7s linear infinite;margin:0 auto 12px}
.bcs-empty-state{text-align:center;padding:40px;color:var(--bcs-gray)}.bcs-empty-state span{font-size:32px}
.bcs-selected-bar{background:white;border:1px solid var(--bcs-red);border-radius:var(--bcs-radius);padding:10px 14px;margin-top:12px;display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
#bcs-selected-summary{font-size:13px;font-weight:600;color:var(--bcs-red);white-space:nowrap;padding-top:2px}
.bcs-sel-pill{background:#FEE2E2;color:var(--bcs-red);border-radius:12px;padding:3px 10px;font-size:12px;display:inline-flex;align-items:center;gap:6px;margin:2px}
.bcs-sel-pill button{background:none;border:none;cursor:pointer;color:var(--bcs-red);padding:0;font-size:14px;line-height:1}
/* Marking */
.bcs-marking-global{background:white;border:1px solid var(--bcs-gray-border);border-radius:var(--bcs-radius);padding:16px 20px;margin-bottom:16px}
.bcs-marking-global h3{margin:0 0 12px;font-size:14px;display:flex;align-items:center;gap:8px}
.bcs-marking-global-fields{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.bcs-badge-outline{border:1px solid var(--bcs-gray-border);border-radius:10px;padding:1px 8px;font-size:11px;font-weight:400;color:var(--bcs-gray)}
.bcs-marking-card{background:white;border:1px solid var(--bcs-gray-border);border-radius:var(--bcs-radius);padding:14px 16px;margin-bottom:10px}
.bcs-marking-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.bcs-marking-card-img{width:40px;height:40px;object-fit:contain;border-radius:4px;background:#F9FAFB;padding:4px}
.bcs-marking-card-title{font-size:13px;font-weight:600}.bcs-marking-card-sku{font-size:11px;color:var(--bcs-gray);font-family:monospace}
.bcs-marking-fields{display:grid;grid-template-columns:1fr 1fr 80px 80px;gap:10px}
/* Pricing */
.bcs-pricing-table-wrap{overflow-x:auto;border-radius:var(--bcs-radius);overflow:hidden;border:1px solid var(--bcs-gray-border)}
.bcs-pricing-table{width:100%;border-collapse:collapse;background:white}
.bcs-pricing-table th{background:var(--bcs-black);color:white;padding:10px 12px;font-size:12px;font-weight:600;text-align:left}
.bcs-pricing-table td{padding:10px 12px;font-size:13px;border-bottom:1px solid var(--bcs-gray-border);vertical-align:middle}
.bcs-pricing-table tr:last-child td{border-bottom:0}.bcs-pricing-table tr:hover td{background:#FAFAFA}
.bcs-markup-input{width:90px;padding:6px 8px;border:2px solid var(--bcs-gray-border);border-radius:4px;font-size:14px;font-weight:600;text-align:center;color:var(--bcs-red);transition:border-color .15s}
.bcs-markup-input:focus{outline:none;border-color:var(--bcs-red)}
.bcs-pricing-example{background:#EFF6FF;border:1px solid #BFDBFE;border-radius:var(--bcs-radius);padding:12px 16px;margin-top:14px;font-size:13px}
/* Recap */
.bcs-recap-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.bcs-recap-card{background:white;border:1px solid var(--bcs-gray-border);border-radius:var(--bcs-radius);padding:14px 16px}
.bcs-recap-card h4{font-size:12px;color:var(--bcs-gray);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}
.bcs-recap-card-wide{grid-column:1/-1}
.bcs-recap-products{display:flex;flex-wrap:wrap;gap:6px}
.bcs-recap-sku{background:var(--bcs-gray-light);border-radius:4px;padding:2px 8px;font-size:11px;font-family:monospace}
.bcs-info-banner{background:#FFFBEB;border:1px solid #FDE68A;border-radius:var(--bcs-radius);padding:14px 16px;display:flex;gap:12px;align-items:flex-start;margin-bottom:16px;font-size:13px}
.bcs-info-banner-icon{font-size:20px;flex-shrink:0}
.bcs-cgu-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;cursor:pointer;margin-bottom:20px}
.bcs-cgu-check input{margin-top:2px;flex-shrink:0}
/* Nav + buttons */
.bcs-panel-nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--bcs-gray-border)}
.bcs-btn-primary{background:var(--bcs-red);color:white;border:none;padding:11px 22px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s}
.bcs-btn-primary:hover{background:var(--bcs-red-dark)}.bcs-btn-primary:disabled{opacity:.5;cursor:not-allowed}
.bcs-btn-secondary{background:white;color:var(--bcs-black);border:1px solid var(--bcs-gray-border);padding:10px 18px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .15s}
.bcs-btn-secondary:hover{border-color:var(--bcs-black)}.bcs-btn-full{width:100%;justify-content:center;padding:12px}
.bcs-btn-sm{padding:8px 14px;font-size:13px;white-space:nowrap}
@keyframes bcs-spin{to{transform:rotate(360deg)}}
@media(max-width:640px){.bcs-form-grid{grid-template-columns:1fr}.bcs-recap-grid{grid-template-columns:1fr}.bcs-marking-fields{grid-template-columns:1fr 1fr}.bcs-step-label{display:none}.bcs-panel-inner{padding:20px 16px}}
