/* ── BCC Dealer Network — Combined Admin + Public Styles ──────── */

/* ── ADMIN: Base wrap ─────────────────────────────────────────── */
.bcdn-wrap { max-width: 1400px; }
.bcdn-wrap h1 { margin-bottom: 16px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

/* ── ADMIN: Stat Cards ───────────────────────────────────────── */
.bcdn-stat-cards {
    display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 24px;
}
.bcdn-card {
    background: #fff; border-radius: 8px; padding: 18px 24px;
    min-width: 140px; box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    border-left: 4px solid #ccc; flex: 1 1 140px;
}
.bcdn-card-blue   { border-left-color: #0073aa; }
.bcdn-card-green  { border-left-color: #00a32a; }
.bcdn-card-orange { border-left-color: #d63638; }
.bcdn-card-purple { border-left-color: #6b5ec7; }
.bcdn-card-teal   { border-left-color: #00bcd4; }
.bcdn-card-gray   { border-left-color: #888; }
.bcdn-card-num    { font-size: 32px; font-weight: 700; line-height: 1.2; }
.bcdn-card-lbl    { font-size: 12px; color: #666; margin-top: 4px; }
.bcdn-stat-cards-sm .bcdn-card { padding: 14px 18px; }
.bcdn-stat-cards-sm .bcdn-card-num { font-size: 24px; }

/* ── ADMIN: Dashboard grid ───────────────────────────────────── */
.bcdn-dash-grid  { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }
.bcdn-dash-box   { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 18px; }
.bcdn-dash-box h3 { margin: 0 0 12px; font-size: 14px; }
@media (max-width: 900px) { .bcdn-dash-grid { grid-template-columns: 1fr; } }

/* ── ADMIN: Badges ───────────────────────────────────────────── */
.bcdn-badge {
    display: inline-block; padding: 2px 10px; border-radius: 20px;
    font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .4px;
}
.bcdn-badge-pending   { background: #fff3cd; color: #856404; }
.bcdn-badge-active    { background: #d1e7dd; color: #0a5024; }
.bcdn-badge-suspended { background: #f8d7da; color: #842029; }
.bcdn-badge-banned    { background: #333; color: #fff; }
.bcdn-badge-deleted   { background: #e5e7eb; color: #6b7280; text-decoration:line-through; }
.bcdn-badge-bidding   { background: #cce5ff; color: #004085; }
.bcdn-badge-assigned  { background: #e2d9f3; color: #4a2c91; }
.bcdn-badge-processing{ background: #fff3cd; color: #856404; }
.bcdn-badge-shipped   { background: #d1e7dd; color: #0a5024; }
.bcdn-badge-delivered { background: #a8d5b5; color: #0a5024; }
.bcdn-badge-completed { background: #b8e0c4; color: #0a5024; }
.bcdn-badge-self_fulfilled { background: #ffe5b4; color: #7a4900; }
.bcdn-badge-cancelled { background: #f5c6cb; color: #721c24; }
.bcdn-badge-expired   { background: #ccc; color: #555; }
.bcdn-badge-held      { background: #fdf0d5; color: #856404; }
.bcdn-badge-fully_released { background: #d1e7dd; color: #0a5024; }

/* ── ADMIN: Tier badges ──────────────────────────────────────── */
.bcdn-tier-badge    { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; }
.bcdn-tier-basic    { background: #f0f0f0; color: #555; }
.bcdn-tier-silver   { background: #e8e8e8; color: #555; background: linear-gradient(135deg,#e0e0e0,#c0c0c0); }
.bcdn-tier-gold     { background: linear-gradient(135deg,#ffe066,#ffd700); color: #7a6000; }
.bcdn-tier-gold-txt { color: #ffd700; font-size: 12px; margin-left: 4px; }
.bcdn-tier-silver-txt { color: #a0a0a0; font-size: 12px; margin-left: 4px; }

/* ── ADMIN: Score bar ────────────────────────────────────────── */
.bcdn-score-bar  { background: #e0e0e0; border-radius: 4px; height: 6px; overflow: hidden; margin: 4px 0; }
.bcdn-score-fill { background: linear-gradient(90deg,#0073aa,#00bcd4); height: 100%; transition: width .4s; }
.bcdn-score-big  { font-size: 40px; font-weight: 700; color: #0073aa; text-align: center; line-height: 1; }
.bcdn-score-big small { font-size: 14px; color: #888; }

/* ── ADMIN: Filter bar ───────────────────────────────────────── */
.bcdn-filter-bar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
.bcdn-filter-bar input[type=text] { padding: 4px 8px; }

/* ── ADMIN: Tables ───────────────────────────────────────────── */
.bcdn-table td, .bcdn-table th { vertical-align: middle !important; }
.bcdn-action-btns { display: flex; gap: 4px; flex-wrap: wrap; }

/* ── ADMIN: WhatsApp button ──────────────────────────────────── */
.bcdn-wa-btn { background: #25D366 !important; color: #fff !important; border-color: #1ebe5d !important; }
.bcdn-wa-btn:hover { background: #1ebe5d !important; }

/* ── ADMIN: Detail page grid ─────────────────────────────────── */
.bcdn-detail-grid    { display: grid; grid-template-columns: 1fr 320px; gap: 24px; margin-top: 20px; }
.bcdn-detail-main    {}
.bcdn-detail-sidebar {}
.bcdn-section-box    { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; margin-bottom: 16px; }
.bcdn-section-box h3 { margin: 0 0 14px; font-size: 14px; border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; }
@media (max-width: 900px) { .bcdn-detail-grid { grid-template-columns: 1fr; } }

/* ── ADMIN: Order push ───────────────────────────────────────── */
.bcdn-order-summary-card {
    background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 6px;
    padding: 14px 18px; margin-bottom: 16px; display: flex; gap: 24px; flex-wrap: wrap; font-size: 13px;
}
.bcdn-wa-preview    { margin: 12px 0 16px; }
.bcdn-wa-preview > strong { display: block; margin-bottom: 6px; }
.bcdn-wa-bubble {
    background: #e2fbe8; border: 1px solid #b2dfce; border-radius: 8px;
    padding: 14px 16px; font-family: 'Segoe UI', sans-serif; font-size: 13px; line-height: 1.6;
    max-height: 300px; overflow-y: auto; white-space: pre-wrap;
}
.bcdn-push-toolbar  { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 12px 0; }
.bcdn-wa-link-btn   {
    display: inline-block; background: #25D366; color: #fff !important; padding: 8px 16px;
    border-radius: 6px; text-decoration: none; margin: 4px 4px 4px 0; font-weight: 600; font-size: 13px;
}
.bcdn-wa-link-btn:hover { background: #1ebe5d; }

/* ════════════════════════════════════════════════════════════════
   PUBLIC FRONT-END STYLES
   ════════════════════════════════════════════════════════════════ */

.bcdn-public-wrap { max-width: 900px; margin: 0 auto; padding: 20px 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

/* ── Notices ─────────────────────────────────────────────────── */
.bcdn-notice       { border-radius: 6px; padding: 14px 18px; margin-bottom: 18px; }
.bcdn-notice-success { background: #d1e7dd; border: 1px solid #a3cfbb; color: #0a5024; }
.bcdn-notice-error   { background: #f8d7da; border: 1px solid #f1aeb5; color: #842029; }
.bcdn-notice-warning { background: #fff3cd; border: 1px solid #ffe69c; color: #856404; }
.bcdn-notice-info    { background: #cff4fc; border: 1px solid #9eeaf9; color: #055160; }

/* ── Buttons ─────────────────────────────────────────────────── */
.bcdn-btn-primary {
    display: inline-block; background: #0073aa; color: #fff !important;
    padding: 10px 22px; border-radius: 6px; border: none; cursor: pointer;
    font-size: 15px; font-weight: 600; text-decoration: none; transition: background .2s;
}
.bcdn-btn-primary:hover { background: #006291; }
.bcdn-btn-lg { padding: 14px 30px; font-size: 17px; }

/* ── Hero (Become a partner) ─────────────────────────────────── */
.bcdn-hero { text-align: center; padding: 50px 20px 40px; }
.bcdn-hero h1 { font-size: 32px; margin-bottom: 12px; }
.bcdn-hero-sub { font-size: 18px; color: #555; margin-bottom: 24px; }

.bcdn-benefits-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 30px 0; }
.bcdn-benefit-card  { background: #f8f9fa; border-radius: 10px; padding: 24px; text-align: center; }
.bcdn-benefit-icon  { font-size: 36px; margin-bottom: 10px; }
.bcdn-benefit-card h3 { margin: 0 0 8px; }
.bcdn-benefit-card p  { color: #555; font-size: 14px; margin: 0; }

.bcdn-how-it-works { margin: 40px 0; }
.bcdn-how-it-works h2 { text-align: center; font-size: 26px; margin-bottom: 24px; }
.bcdn-steps { display: flex; flex-direction: column; gap: 16px; }
.bcdn-step  { display: flex; gap: 16px; align-items: flex-start; background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 16px; }
.bcdn-step-num { background: #0073aa; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; }
.bcdn-step p { margin: 0; }
@media (max-width: 600px) { .bcdn-benefits-grid { grid-template-columns: 1fr; } }

/* ── Rules box ───────────────────────────────────────────────── */
.bcdn-rules-box {
    background: #fff8e1; border: 2px solid #ffc107; border-radius: 8px;
    padding: 20px 24px; margin-bottom: 28px;
}
.bcdn-rules-box h3 { margin: 0 0 12px; color: #856404; }
.bcdn-rules-box > p { color: #666; font-size: 14px; margin-bottom: 14px; }
.bcdn-rules-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bcdn-rule-item { display: flex; gap: 12px; align-items: flex-start; background: #fff; border-radius: 6px; padding: 12px; }
.bcdn-rule-icon { font-size: 22px; flex-shrink: 0; }
.bcdn-rule-item strong { display: block; margin-bottom: 4px; }
.bcdn-rule-item p { margin: 0; font-size: 13px; color: #555; }
@media (max-width: 640px) { .bcdn-rules-grid { grid-template-columns: 1fr; } }

/* ── Registration form ───────────────────────────────────────── */
.bcdn-reg-form h2, .bcdn-public-wrap h2 { margin-bottom: 20px; }
.bcdn-form-section { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; margin-bottom: 20px; }
.bcdn-form-section h3 { margin: 0 0 16px; font-size: 16px; border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; }
.bcdn-section-note { color: #666; font-size: 13px; margin-bottom: 12px; }
.bcdn-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bcdn-form-group { display: flex; flex-direction: column; gap: 5px; }
.bcdn-form-group.bcdn-full { grid-column: 1 / -1; }
.bcdn-form-group label { font-size: 13px; font-weight: 600; }
.bcdn-form-group small { font-size: 11px; color: #888; }
.bcdn-form-group input, .bcdn-form-group select, .bcdn-form-group textarea {
    border: 1px solid #ccc; border-radius: 4px; padding: 8px 10px; font-size: 14px; width: 100%; box-sizing: border-box;
}
.bcdn-form-group input:focus, .bcdn-form-group textarea:focus {
    outline: none; border-color: #0073aa; box-shadow: 0 0 0 2px rgba(0,115,170,.15);
}
.req { color: #d63638; }
@media (max-width: 600px) { .bcdn-form-grid { grid-template-columns: 1fr; } }

.bcdn-checkboxes { display: flex; flex-wrap: wrap; gap: 8px; }
.bcdn-check-label { display: flex; align-items: center; gap: 5px; font-size: 13px; background: #f5f5f5; border-radius: 4px; padding: 5px 10px; cursor: pointer; }
.bcdn-check-label input { width: auto; }

.bcdn-terms-check { background: #f0f7ff; border: 1px solid #b8d4ee; border-radius: 6px; padding: 14px 16px; }
.bcdn-terms-check label { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; font-size: 13px; }
.bcdn-terms-check input { margin-top: 2px; width: auto; flex-shrink: 0; }

/* ── Login box ───────────────────────────────────────────────── */
.bcdn-login-box { max-width: 420px; margin: 0 auto; background: #fff; border: 1px solid #e0e0e0; border-radius: 10px; padding: 30px; box-shadow: 0 4px 16px rgba(0,0,0,.1); }
.bcdn-login-logo { text-align: center; margin-bottom: 20px; }
.bcdn-login-logo h2 { margin: 0; }
.bcdn-login-logo p  { color: #888; margin: 4px 0 0; }
.bcdn-login-form .bcdn-form-group { margin-bottom: 14px; }
.bcdn-rules-mini { background: #fff3cd; border-radius: 5px; padding: 10px 12px; font-size: 12px; color: #856404; margin-bottom: 16px; }

/* ── Dealer dashboard ────────────────────────────────────────── */
.bcdn-dashboard {}
.bcdn-shipping-banner {
    background: #e8f5e9; border: 1px solid #a5d6a7; border-radius: 6px;
    padding: 10px 16px; margin-bottom: 18px; font-size: 13px; color: #2e7d32;
}
.bcdn-dash-header { display: flex; justify-content: space-between; align-items: flex-start; background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; margin-bottom: 16px; }
.bcdn-dash-greeting h2 { margin: 0 0 4px; }
.bcdn-dash-greeting p  { margin: 0 0 8px; color: #666; }
.bcdn-dash-score { text-align: center; }

.bcdn-dash-tabs { display: flex; gap: 4px; border-bottom: 2px solid #e0e0e0; margin-bottom: 20px; flex-wrap: wrap; }
.bcdn-tab { display: inline-block; padding: 10px 16px; text-decoration: none; color: #555; border-radius: 4px 4px 0 0; font-size: 13px; font-weight: 600; }
.bcdn-tab:hover { background: #f5f5f5; color: #0073aa; }
.bcdn-tab-active { background: #0073aa; color: #fff !important; }
.bcdn-tab-content { background: #fff; border: 1px solid #e0e0e0; border-radius: 0 8px 8px 8px; padding: 20px; }

.bcdn-rules-list { list-style: none; padding: 0; margin: 0; }
.bcdn-rules-list li { padding: 8px 0; border-bottom: 1px solid #f5f5f5; font-size: 14px; }
.bcdn-rules-list li:last-child { border: none; }

/* ── Bid card ────────────────────────────────────────────────── */
.bcdn-bid-card { background: #fff; border: 2px solid #0073aa; border-radius: 8px; padding: 18px; margin-bottom: 16px; }
.bcdn-bid-card-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; }
.bcdn-bid-card-meta { display: flex; gap: 16px; flex-wrap: wrap; font-size: 13px; color: #555; margin-bottom: 12px; }
.bcdn-shipping-note { background: #e8f5e9; border-radius: 4px; padding: 8px 12px; font-size: 12px; color: #2e7d32; margin-bottom: 12px; }
.bcdn-bid-input-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.bcdn-bid-form textarea { width: 100%; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; padding: 8px; }

/* ── Countdown ───────────────────────────────────────────────── */
.bcdn-countdown { text-align: center; }
.bcdn-countdown-val { display: block; font-size: 22px; font-weight: 700; color: #d63638; font-family: monospace; }
.bcdn-countdown small { font-size: 11px; color: #888; }

/* ── Public table ────────────────────────────────────────────── */
.bcdn-public-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.bcdn-public-table th, .bcdn-public-table td { padding: 10px 12px; border-bottom: 1px solid #e0e0e0; text-align: left; }
.bcdn-public-table th { background: #f5f5f5; font-weight: 600; }
.bcdn-public-table tr:hover td { background: #fafafa; }

.bcdn-profile-form {}


/* ── Bid tab: Terms reminder box ──────────────────────────── */
.bcdn-terms-reminder {
    background: #fff8e1;
    border: 1px solid #ffe082;
    border-radius: 6px;
    padding: 12px 16px;
    margin: 10px 0;
    font-size: 13px;
}
.bcdn-terms-reminder ul {
    margin: 6px 0 0 0;
    padding-left: 0;
    list-style: none;
}
.bcdn-terms-reminder ul li {
    padding: 3px 0;
    line-height: 1.5;
}

/* ── Admin: email verification section ──────────────────── */
.bcdn-verify-msg { font-size: 13px; }


/* ── v1.3 additions ─────────────────────────────────────────────── */

/* Bid search bar */
.bcdn-bid-search-bar { margin: 0 0 16px; }

/* Pagination */
.bcdn-pagination { display:flex; gap:6px; margin-top:16px; flex-wrap:wrap; }
.bcdn-page-btn {
    display:inline-block; padding:5px 12px; border:1px solid #ddd;
    border-radius:4px; text-decoration:none; color:#333; font-size:13px;
    background:#fff;
}
.bcdn-page-btn.active { background:#1a56db; color:#fff; border-color:#1a56db; }
.bcdn-page-btn:hover { background:#f0f4ff; }

/* Profile readonly fields */
.bcdn-readonly { background:#f8f8f8 !important; color:#555; cursor:not-allowed; }
.bcdn-contact-note { color:#e07b00; font-size:11px; display:block; margin-top:2px; }

/* Login info banner */
.bcdn-login-info-banner {
    background:#eff8ff; border:1px solid #93c5fd; border-radius:6px;
    padding:10px 14px; margin-bottom:16px; font-size:13px; color:#1e40af;
}

/* Push history in admin */
.bcdn-push-history-badge {
    display:inline-block; font-size:11px; background:#fef3c7;
    color:#92400e; border-radius:3px; padding:1px 5px; margin-top:3px;
}

/* Admin assign section */
#bcdn-assign-dealer-select { height:34px; border:1px solid #ccc; border-radius:4px; padding:0 8px; }
#bcdn-assign-bid-amount { height:34px; border:1px solid #ccc; border-radius:4px; padding:0 8px; }


/* ── v1.4 additions ─────────────────────────────────────────────── */

/* Logout button */
.bcdn-logout-btn {
    color: #e53e3e; text-decoration: none; font-size: 13px;
    border: 1px solid #fca5a5; padding: 3px 10px; border-radius: 4px;
}
.bcdn-logout-btn:hover { background: #fef2f2; }

/* Portal landing page */
.bcdn-portal-landing .bcdn-btn-secondary {
    background: #fff; color: #1a56db; border: 2px solid #1a56db;
    padding: 12px 28px; border-radius: 6px; text-decoration: none;
    font-size: 16px; font-weight: 600;
}
.bcdn-portal-landing .bcdn-btn-secondary:hover { background: #eff6ff; }

/* Profile message */
.bcdn-notice-error + .bcdn-notice-error { margin-top: 8px; }