/* ═══════════════════════════════════════════════════
   Kasaloma CRM — Sales Module
   Design: Clean commerce dashboard, precise & professional
   ═══════════════════════════════════════════════════ */

:root {
    --s-accent:   #10b981;
    --s-accent2:  #059669;
    --s-surface:  #ffffff;
    --s-bg:       #f8fafc;
    --s-border:   #e2e8f0;
    --s-text:     #0f172a;
    --s-muted:    #64748b;
    --s-light:    #94a3b8;
    --s-danger:   #ef4444;
    --s-warning:  #f59e0b;
    --s-info:     #3b82f6;
    --s-radius:   12px;
    --s-shadow:   0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);
    --s-shadow-lg:0 8px 32px rgba(0,0,0,.1);
}

/* ── Shell ── */
.ksales-shell { padding: 18px 22px; background: var(--s-bg); min-height: calc(100vh - 54px); }
.ksales-shell .ksales-page-head {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 14px; flex-wrap: wrap; gap: 8px;
}
.ksales-shell .ksales-page-head h1 {
    font-size: 17px; font-weight: 800; color: var(--s-text); margin: 0;
    display: flex; align-items: center; gap: 7px; line-height: 1.15;
}
.ksales-shell .ksales-page-head p { font-size: 11px; color: var(--s-muted); margin: 1px 0 0; }

/* ── Stats row ── */
.ksales-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px,1fr)); gap: 14px; margin-bottom: 24px; }
.ksales-stat {
    background: var(--s-surface); border: 1px solid var(--s-border);
    border-radius: var(--s-radius); padding: 18px 20px;
    position: relative; overflow: hidden;
}
.ksales-stat::after {
    content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;
}
.ksales-stat.green::after  { background: linear-gradient(90deg,#10b981,#34d399); }
.ksales-stat.blue::after   { background: linear-gradient(90deg,#3b82f6,#60a5fa); }
.ksales-stat.amber::after  { background: linear-gradient(90deg,#f59e0b,#fbbf24); }
.ksales-stat.purple::after { background: linear-gradient(90deg,#8b5cf6,#a78bfa); }
.ksales-stat-val  { font-size: 26px; font-weight: 800; color: var(--s-text); line-height: 1; margin-bottom: 4px; }
.ksales-stat-label{ font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: var(--s-light); }

/* ── Card ── */
.ksales-card {
    background: var(--s-surface); border: 1px solid var(--s-border);
    border-radius: var(--s-radius); box-shadow: var(--s-shadow);
    overflow: hidden; margin-bottom: 20px;
}
.ksales-card-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 20px; border-bottom: 1px solid var(--s-border); flex-wrap: wrap; gap: 10px;
}
.ksales-card-head h2 { font-size: 15px; font-weight: 700; color: var(--s-text); margin: 0; }
.ksales-card-body { padding: 20px; }

/* ── Buttons ── */
.ksales-btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 18px; border-radius: 9px; font-size: 13px; font-weight: 600;
    cursor: pointer; border: 1px solid var(--s-border); background: var(--s-surface);
    color: var(--s-muted); text-decoration: none; transition: all .15s; white-space: nowrap;
}
.ksales-btn:hover { background: #f1f5f9; color: var(--s-text); border-color: #cbd5e1; }
.ksales-btn.primary { background: var(--s-accent); color: #fff; border-color: var(--s-accent); }
.ksales-btn.primary:hover { background: var(--s-accent2); }
.ksales-btn.danger  { background: #fef2f2; color: #dc2626; border-color: #fca5a5; }
.ksales-btn.danger:hover { background: #fee2e2; }
.ksales-btn.sm { padding: 5px 12px; font-size: 12px; }
.ksales-btn.icon { padding: 7px; }
.ksales-btn.ghost { background: transparent; border: none; color: var(--s-muted); padding: 6px 8px; }
.ksales-btn.ghost:hover { color: var(--s-text); background: #f1f5f9; }

/* ── Form fields ── */
.ksales-form { display: flex; flex-direction: column; gap: 0; }
.ksales-form-grid { display: grid; gap: 16px; }
.ksales-form-grid.col2 { grid-template-columns: 1fr 1fr; }
.ksales-form-grid.col3 { grid-template-columns: 1fr 1fr 1fr; }
.ksales-form-grid.col4 { grid-template-columns: repeat(4, 1fr); }
.ksales-field { display: flex; flex-direction: column; gap: 5px; }
.ksales-field label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: var(--s-light); }
.ksales-field label .req { color: var(--s-danger); }
.ksales-input, .ksales-select, .ksales-textarea {
    padding: 9px 13px; border: 1.5px solid var(--s-border); border-radius: 9px;
    font-size: 13px; font-family: inherit; color: var(--s-text); background: var(--s-surface);
    outline: none; transition: border-color .15s; width: 100%; box-sizing: border-box;
}
.ksales-input:focus, .ksales-select:focus, .ksales-textarea:focus {
    border-color: var(--s-accent); box-shadow: 0 0 0 3px rgba(16,185,129,.08);
}
.ksales-textarea { resize: vertical; min-height: 80px; line-height: 1.6; }
.ksales-input-prefix { display: flex; }
.ksales-input-prefix span {
    padding: 9px 12px; background: #f8fafc; border: 1.5px solid var(--s-border); border-right: none;
    border-radius: 9px 0 0 9px; font-size: 13px; color: var(--s-muted); white-space: nowrap;
}
.ksales-input-prefix .ksales-input { border-radius: 0 9px 9px 0; }
.ksales-field-hint { font-size: 11px; color: var(--s-light); }
.ksales-section-title {
    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .7px;
    color: var(--s-light); padding: 16px 0 8px; border-bottom: 1px solid var(--s-border); margin-bottom: 16px;
}

/* ── Product image upload zone ── */
.ksales-img-grid {
    display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin-bottom: 14px;
}
.ksales-img-slot {
    aspect-ratio: 1; border-radius: 10px; border: 2px solid var(--s-border);
    overflow: hidden; position: relative; background: #f8fafc;
    display: flex; align-items: center; justify-content: center; cursor: pointer;
}
.ksales-img-slot img { width: 100%; height: 100%; object-fit: cover; }
.ksales-img-slot .ksales-img-add { color: var(--s-light); font-size: 22px; }
.ksales-img-slot .ksales-img-del {
    position: absolute; top: 4px; right: 4px;
    background: rgba(239,68,68,.9); color: #fff; border: none; border-radius: 50%;
    width: 20px; height: 20px; font-size: 11px; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    opacity: 0; transition: opacity .15s;
}
.ksales-img-slot:hover .ksales-img-del { opacity: 1; }
.ksales-img-upload-btn {
    display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px;
    background: #f0fdf4; border: 1.5px dashed var(--s-accent); color: var(--s-accent);
    border-radius: 9px; font-size: 13px; font-weight: 600; cursor: pointer; width: 100%;
    justify-content: center; transition: all .15s;
}
.ksales-img-upload-btn:hover { background: #dcfce7; }

/* ── Table ── */
.ksales-table-wrap { overflow-x: auto; }
.ksales-table {
    width: 100%; border-collapse: collapse; font-size: 13px;
}
.ksales-table thead th {
    background: #f8fafc; color: var(--s-light); font-size: 10px; font-weight: 700;
    text-transform: uppercase; letter-spacing: .6px; padding: 10px 14px;
    border-bottom: 1px solid var(--s-border); text-align: left; white-space: nowrap;
}
.ksales-table tbody td {
    padding: 12px 14px; border-bottom: 1px solid #f8fafc; color: var(--s-muted);
    vertical-align: middle;
}
.ksales-table tbody tr:hover td { background: #fafafa; }
.ksales-table tbody tr:last-child td { border-bottom: none; }
.ksales-table .td-name { font-weight: 600; color: var(--s-text); max-width: 200px; }
.ksales-table .td-price { font-weight: 700; color: var(--s-text); white-space: nowrap; }
.ksales-table .td-stock { text-align: center; }
.ksales-table .td-actions { white-space: nowrap; display: flex; gap: 4px; align-items: center; }

/* Product thumb in table */
.ksales-thumb {
    width: 40px; height: 40px; border-radius: 8px; object-fit: cover;
    border: 1px solid var(--s-border); background: #f8fafc;
    display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0;
}
.ksales-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 7px; }

/* ── Status badges ── */
.ksales-badge {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 9px; border-radius: 20px; font-size: 10px; font-weight: 700;
    text-transform: uppercase; letter-spacing: .4px; white-space: nowrap;
}
.ksales-badge::before { content: ''; width: 5px; height: 5px; border-radius: 50%; }
.ksales-badge.pending    { background: #fef3c7; color: #92400e; }
.ksales-badge.pending::before    { background: #f59e0b; }
.ksales-badge.processing { background: #dbeafe; color: #1e40af; }
.ksales-badge.processing::before { background: #3b82f6; }
.ksales-badge.shipped    { background: #ede9fe; color: #5b21b6; }
.ksales-badge.shipped::before    { background: #8b5cf6; }
.ksales-badge.delivered  { background: #dcfce7; color: #166534; }
.ksales-badge.delivered::before  { background: #10b981; }
.ksales-badge.returned   { background: #fee2e2; color: #991b1b; }
.ksales-badge.returned::before   { background: #ef4444; }
.ksales-badge.cancelled  { background: #f1f5f9; color: #64748b; }
.ksales-badge.cancelled::before  { background: #94a3b8; }
.ksales-badge.active     { background: #dcfce7; color: #166534; }
.ksales-badge.active::before     { background: #10b981; }
.ksales-badge.inactive   { background: #fef3c7; color: #92400e; }
.ksales-badge.paid       { background: #dcfce7; color: #166534; }
.ksales-badge.paid::before { background: #10b981; }
.ksales-badge.cod        { background: #fef3c7; color: #92400e; }
.ksales-badge.prepaid    { background: #dbeafe; color: #1e40af; }

/* ── Stock bar ── */
.ksales-stock-bar {
    display: flex; align-items: center; gap: 8px;
}
.ksales-stock-track {
    flex: 1; height: 4px; background: #f1f5f9; border-radius: 20px; overflow: hidden;
}
.ksales-stock-fill { height: 100%; border-radius: 20px; transition: width .3s; }
.stock-ok    .ksales-stock-fill { background: #10b981; }
.stock-low   .ksales-stock-fill { background: #f59e0b; }
.stock-empty .ksales-stock-fill { background: #ef4444; }

/* ── Order status stepper ── */
.ksales-stepper {
    display: flex; align-items: center; gap: 0; margin: 20px 0;
}
.ksales-step {
    display: flex; align-items: center; flex: 1; position: relative;
}
.ksales-step-dot {
    width: 32px; height: 32px; border-radius: 50%; background: #f1f5f9; border: 2px solid var(--s-border);
    display: flex; align-items: center; justify-content: center; font-size: 13px; flex-shrink: 0;
    z-index: 1;
}
.ksales-step.done .ksales-step-dot { background: var(--s-accent); border-color: var(--s-accent); color: #fff; }
.ksales-step.active .ksales-step-dot { background: #fff; border-color: var(--s-accent); color: var(--s-accent); border-width: 3px; }
.ksales-step-line { flex: 1; height: 2px; background: #f1f5f9; margin: 0 -1px; }
.ksales-step.done .ksales-step-line { background: var(--s-accent); }
.ksales-step-label { font-size: 10px; color: var(--s-light); font-weight: 600; text-transform: uppercase; white-space: nowrap; }
.ksales-step-wrap { display: flex; flex-direction: column; align-items: center; gap: 5px; flex: 1; }

/* ── Order detail ── */
.ksales-order-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ksales-detail-section { background: #f8fafc; border-radius: 10px; padding: 16px; }
.ksales-detail-section h4 { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: var(--s-light); margin: 0 0 10px; }
.ksales-detail-section p { font-size: 13px; color: var(--s-text); margin: 0 0 4px; line-height: 1.6; }

/* ── Totals block ── */
.ksales-totals { max-width: 320px; margin-left: auto; }
.ksales-totals-row { display: flex; justify-content: space-between; padding: 6px 0; font-size: 13px; color: var(--s-muted); }
.ksales-totals-row.total { border-top: 2px solid var(--s-text); padding-top: 10px; margin-top: 6px; font-size: 16px; font-weight: 800; color: var(--s-text); }
.ksales-totals-row .val { font-weight: 600; }

/* ── Product line item in order form ── */
.ksales-line-item {
    display: grid; grid-template-columns: 1fr 90px 100px 36px; gap: 10px; align-items: end;
    padding: 12px; background: #f8fafc; border-radius: 10px; border: 1px solid var(--s-border); margin-bottom: 8px;
}
.ksales-order-summary-line { display: flex; justify-content: space-between; font-size: 13px; padding: 4px 0; }

/* ── Tabs ── */
.ksales-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--s-border); margin-bottom: 20px; }
.ksales-tab {
    padding: 9px 18px; font-size: 13px; font-weight: 600; color: var(--s-muted);
    text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px;
    transition: all .15s; white-space: nowrap; display: flex; align-items: center; gap: 6px;
}
.ksales-tab:hover { color: var(--s-text); }
.ksales-tab.active { color: var(--s-accent); border-bottom-color: var(--s-accent); }
.ksales-tab .tab-count {
    background: var(--s-border); color: var(--s-muted); font-size: 10px; font-weight: 700;
    padding: 1px 6px; border-radius: 20px;
}
.ksales-tab.active .tab-count { background: rgba(16,185,129,.15); color: var(--s-accent); }

/* ── Toolbar ── */
.ksales-toolbar {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 16px;
}
.ksales-search {
    padding: 8px 14px; border: 1.5px solid var(--s-border); border-radius: 9px;
    font-size: 13px; outline: none; flex: 1; min-width: 200px;
}
.ksales-search:focus { border-color: var(--s-accent); }

/* ── Integration cards (Shopify/WooCommerce) ── */
.ksales-integration-card {
    background: var(--s-surface); border: 1px solid var(--s-border); border-radius: 14px;
    padding: 24px 28px; max-width: 680px; margin-bottom: 20px;
}
.ksales-integration-head { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
.ksales-integration-logo {
    width: 52px; height: 52px; border-radius: 12px; display: flex; align-items: center;
    justify-content: center; font-size: 28px; flex-shrink: 0; border: 1px solid var(--s-border);
}
.ksales-integration-head h2 { font-size: 18px; font-weight: 800; color: var(--s-text); margin: 0 0 4px; }
.ksales-integration-head p  { font-size: 13px; color: var(--s-muted); margin: 0; }
.ksales-prereq {
    background: #f8fafc; border: 1px solid var(--s-border); border-radius: 10px; padding: 14px 18px; margin-bottom: 20px;
}
.ksales-prereq h4 { font-size: 12px; font-weight: 700; color: var(--s-muted); margin: 0 0 8px; text-transform: uppercase; letter-spacing: .5px; }
.ksales-prereq ol { margin: 0; padding-left: 16px; }
.ksales-prereq li { font-size: 13px; color: var(--s-muted); margin-bottom: 5px; line-height: 1.5; }
.ksales-prereq code { background: #e0f2fe; color: #0369a1; padding: 1px 5px; border-radius: 4px; font-size: 11px; }
.ksales-connected-banner {
    background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 10px;
    padding: 12px 16px; display: flex; align-items: center; gap: 10px; margin-bottom: 16px;
    font-size: 13px; color: #166534; font-weight: 600;
}
.ksales-connected-dot { width: 8px; height: 8px; border-radius: 50%; background: #10b981; }

/* ── Settings tab ── */
.ksales-settings-section { background: var(--s-surface); border: 1px solid var(--s-border); border-radius: var(--s-radius); padding: 20px 24px; margin-bottom: 16px; }
.ksales-settings-section h3 { font-size: 14px; font-weight: 700; color: var(--s-text); margin: 0 0 4px; }
.ksales-settings-section p  { font-size: 12px; color: var(--s-muted); margin: 0 0 16px; }
.ksales-gateway-toggle { display: flex; gap: 10px; }
.ksales-gateway-card {
    flex: 1; border: 2px solid var(--s-border); border-radius: 10px; padding: 14px 16px;
    cursor: pointer; transition: all .15s; display: flex; align-items: center; gap: 10px;
}
.ksales-gateway-card.active { border-color: var(--s-accent); background: #f0fdf4; }
.ksales-gateway-card:hover { border-color: #94a3b8; }

/* ── Notice/toast ── */
.ksales-notice {
    padding: 11px 16px; border-radius: 9px; font-size: 13px; font-weight: 500; margin-bottom: 16px;
    display: flex; align-items: center; gap: 8px;
}
.ksales-notice.success { background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; }
.ksales-notice.error   { background: #fef2f2; border: 1px solid #fecaca; color: #dc2626; }
.ksales-notice.info    { background: #eff6ff; border: 1px solid #bfdbfe; color: #1d4ed8; }

/* ── Empty state ── */
.ksales-empty { text-align: center; padding: 60px 20px; color: var(--s-light); }
.ksales-empty-icon { font-size: 52px; margin-bottom: 14px; }
.ksales-empty h3 { font-size: 18px; font-weight: 700; color: var(--s-muted); margin: 0 0 8px; }
.ksales-empty p  { font-size: 13px; margin: 0 0 20px; }

/* ── Search dropdown ── */
.ksales-search-wrap { position: relative; }
.ksales-search-results {
    position: absolute; top: 100%; left: 0; right: 0; background: var(--s-surface);
    border: 1.5px solid var(--s-border); border-radius: 10px; box-shadow: var(--s-shadow-lg);
    max-height: 260px; overflow-y: auto; z-index: 100; display: none;
}
.ksales-search-result {
    display: flex; align-items: center; gap: 10px; padding: 10px 14px;
    cursor: pointer; transition: background .1s; font-size: 13px;
}
.ksales-search-result:hover { background: #f8fafc; }
.ksales-search-result .sr-name { font-weight: 600; color: var(--s-text); flex: 1; }
.ksales-search-result .sr-price { color: var(--s-accent); font-weight: 700; }
.ksales-search-result .sr-stock { font-size: 11px; color: var(--s-light); }

/* ── Docs download bar ── */
.ksales-doc-bar {
    display: flex; gap: 8px; flex-wrap: wrap; padding: 14px 20px;
    background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
    border-top: 1px solid #bbf7d0;
}
.ksales-doc-btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 16px; background: var(--s-surface); border: 1px solid #86efac;
    border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--s-accent2);
    text-decoration: none; transition: all .15s;
}
.ksales-doc-btn:hover { background: var(--s-accent); color: #fff; border-color: var(--s-accent); }

@media (max-width: 768px) {
    .ksales-form-grid.col2, .ksales-form-grid.col3, .ksales-form-grid.col4 { grid-template-columns: 1fr; }
    .ksales-order-grid { grid-template-columns: 1fr; }
    .ksales-img-grid { grid-template-columns: repeat(3, 1fr); }
    .ksales-stats { grid-template-columns: 1fr 1fr; }
}

/* ── BOS document send actions ── */
.kbos-send-inline { display: inline-flex; gap: 6px; margin: 0; vertical-align: middle; align-items: center; flex-wrap: wrap; }
.kbos-send-inline button { cursor: pointer; white-space: nowrap; }
.kbos-table-actions { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }

/* ── BOS Document settings ── */
.kbos-document-settings-form h3 { margin: 22px 0 12px; color: #0f172a; font-size: 16px; }
.kbos-document-settings-form h3:first-of-type { margin-top: 0; }
.kbos-doc-settings-preview { margin: 18px 0; padding: 14px 16px; border: 1px solid #dbeafe; background: #eff6ff; border-radius: 14px; color: #1e3a8a; display: grid; gap: 4px; }
.kbos-document-settings textarea { min-height: 92px; resize: vertical; }

/* ── BOS Form grid (used in all embedded Books forms) ── */
.kcrm-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}
.kcrm-form-grid .kcrm-field.full,
.kcrm-field-wide { grid-column: 1 / -1; }

/* ── BOS Status badge ── */
.kbos-status {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}
.kbos-status.paid,
.kbos-status.done     { background: #dcfce7; color: #166534; }
.kbos-status.pending  { background: #fef3c7; color: #92400e; }
.kbos-status.draft    { background: #f1f5f9; color: #64748b; }
.kbos-status.overdue  { background: #fee2e2; color: #991b1b; }
.kbos-status.sent     { background: #dbeafe; color: #1e40af; }

/* ── BOS Sales Bridge — line-item table ── */
.kbos-sales-bridge .kbos-doc-lines { width: 100%; border-collapse: separate; border-spacing: 0 8px; }
.kbos-sales-bridge .kbos-doc-lines th { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: #64748b; text-align: left; padding: 0 8px; }
.kbos-sales-bridge .kbos-doc-lines td { padding: 0 6px; vertical-align: top; }
.kbos-sales-bridge .kbos-doc-lines input,
.kbos-sales-bridge .kbos-doc-lines select { width: 100%; min-height: 38px; border: 1px solid #dbe4ef; border-radius: 10px; padding: 8px; background: #fff; }
.kbos-sales-bridge .kbos-line-total { font-weight: 800; color: #0f172a; white-space: nowrap; padding-top: 10px; }
.kbos-sales-bridge .kbos-mini-btn { border: 1px solid #dbe4ef; background: #fff; border-radius: 10px; padding: 8px 10px; cursor: pointer; font-weight: 700; }
.kbos-sales-bridge .kbos-mini-btn.danger { color: #dc2626; }
.kbos-sales-bridge .kbos-doc-summary { display: flex; justify-content: flex-end; margin-top: 10px; }
.kbos-sales-bridge .kbos-doc-summary-box { min-width: 280px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 14px; padding: 12px 16px; }
.kbos-sales-bridge .kbos-doc-summary-box div { display: flex; justify-content: space-between; margin: 5px 0; font-size: 13px; }
.kbos-sales-bridge .kbos-doc-summary-box .grand { border-top: 1px solid #dbe4ef; margin-top: 8px; padding-top: 8px; font-size: 16px; font-weight: 900; }
.kbos-sales-bridge .kbos-action-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.kbos-sales-bridge .kbos-soft-note { font-size: 12px; color: #64748b; margin-top: 6px; }

/* ── BOS Bridge — metrics, report grid, aging (shared by setup wizard too) ── */
.kbos-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.kbos-metric { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 14px; box-shadow: 0 10px 24px rgba(15, 23, 42, .05); }
.kbos-metric span { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: #64748b; }
.kbos-metric strong { display: block; margin-top: 5px; font-size: 20px; color: #0f172a; }
.kbos-report-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.kbos-report-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 18px; padding: 16px; box-shadow: 0 10px 24px rgba(15, 23, 42, .05); }
.kbos-report-card h3 { margin: 0 0 12px; }
.kbos-bar { height: 9px; background: #e2e8f0; border-radius: 999px; overflow: hidden; margin-top: 6px; }
.kbos-bar i { display: block; height: 100%; background: #0f172a; border-radius: 999px; }
.kbos-aging { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: -8px 0 18px; }
.kbos-aging div { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 10px 12px; }
.kbos-aging span { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: .05em; color: #64748b; }
.kbos-aging strong { display: block; margin-top: 3px; font-size: 14px; color: #0f172a; }

/* ── BOS Bridge — report filter (replaces inline style= on selects) ── */
.kbos-report-filter { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; margin-bottom: 14px; }
.kbos-report-filter label { font-size: 12px; font-weight: 700; color: #475569; display: block; margin-bottom: 4px; }
.kbos-report-filter input,
.kbos-report-filter select { border: 1px solid var(--border, #dbe4ef); border-radius: 10px; padding: 9px 10px; font-size: 13px; font-family: inherit; color: var(--text, #0f172a); background: #fff; min-width: 0; }

/* ── BOS Bridge — dashboard hero ── */
.kbos-dashboard-hero { background: linear-gradient(135deg, var(--primary, #1a3a5c), #1e3a8a); color: #fff; border-radius: 24px; padding: 22px; margin-bottom: 18px; box-shadow: 0 18px 40px rgba(15, 23, 42, .18); }
.kbos-dashboard-hero h2 { margin: 0; font-size: 24px; }
.kbos-dashboard-hero p { margin: 8px 0 0; color: #cbd5e1; }
.kbos-dashboard-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.kbos-dashboard-actions a { background: #fff; color: #0f172a; border-radius: 999px; padding: 9px 13px; text-decoration: none; font-weight: 800; font-size: 12px; }

/* ── BOS Bridge — mini grid and alert list ── */
.kbos-mini-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.kbos-mini-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 14px; text-decoration: none; color: #0f172a; box-shadow: 0 10px 24px rgba(15, 23, 42, .05); }
.kbos-mini-card span { display: block; color: #64748b; font-size: 12px; margin-top: 4px; }
.kbos-alert-list { display: grid; gap: 8px; }
.kbos-alert-item { display: flex; justify-content: space-between; gap: 12px; border: 1px solid #e2e8f0; background: #f8fafc; border-radius: 12px; padding: 10px; text-decoration: none; color: inherit; }
.kbos-alert-item strong { display: block; }
.kbos-alert-item span { font-size: 12px; color: #64748b; }

/* ── BOS Setup Wizard ── */
.kbos-setup-wizard { display: flex; flex-direction: column; gap: 0; }

/* ── Responsive overrides for bridge components ── */
@media (max-width: 820px) {
    .kbos-metrics,
    .kbos-aging,
    .kbos-report-grid,
    .kbos-mini-grid { grid-template-columns: 1fr; }
    .kbos-sales-bridge .kbos-doc-lines thead { display: none; }
    .kbos-sales-bridge .kbos-doc-lines,
    .kbos-sales-bridge .kbos-doc-lines tbody,
    .kbos-sales-bridge .kbos-doc-lines tr,
    .kbos-sales-bridge .kbos-doc-lines td { display: block; width: 100%; }
    .kbos-sales-bridge .kbos-doc-lines tr { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 14px; padding: 10px; margin-bottom: 10px; }
    .kbos-sales-bridge .kbos-doc-lines td { padding: 5px 0; }
    .kbos-sales-bridge .kbos-doc-lines td:before { content: attr(data-label); display: block; font-size: 11px; text-transform: uppercase; color: #64748b; margin-bottom: 3px; }
    .kbos-sales-bridge .kbos-doc-summary { justify-content: stretch; }
    .kbos-sales-bridge .kbos-doc-summary-box { width: 100%; min-width: 0; }
    .kcrm-form-grid { grid-template-columns: 1fr; }
}


/* === BOS Order create/view mobile matching layout v2.6.6.12 === */
.ksales-order-create-layout,
.ksales-order-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 20px;
    align-items: start;
}
.ksales-order-detail-layout { grid-template-columns: minmax(0, 1fr) 340px; }
.ksales-order-create-main,
.ksales-order-create-side,
.ksales-order-detail-main,
.ksales-order-detail-side { min-width: 0; }
.ksales-order-create-side,
.ksales-order-detail-side { align-self: start; }
.ksales-order-submit-wrap { width: 100%; }
.ksales-order-card-customer .ksales-field-hint { line-height: 1.45; }
.ksales-order-detail-items .ksales-table { min-width: 540px; }
.ksales-table-wrap { -webkit-overflow-scrolling: touch; }

@media (max-width: 960px) {
    .ksales-order-create-layout,
    .ksales-order-detail-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
    .ksales-order-create-main,
    .ksales-order-create-side,
    .ksales-order-detail-main,
    .ksales-order-detail-side {
        display: contents !important;
    }
    .ksales-order-card-customer { order: 1; }
    .ksales-order-card-products { order: 2; }
    .ksales-order-card-discount { order: 3; }
    .ksales-order-card-payment { order: 4; }
    .ksales-order-card-shipping { order: 5; }
    .ksales-order-card-notes { order: 6; }
    .ksales-order-submit-wrap { order: 7; }

    .ksales-order-detail-customer { order: 1; }
    .ksales-order-detail-items { order: 2; }
    .ksales-order-detail-payment { order: 3; }
    .ksales-order-detail-package { order: 4; }
    .ksales-order-detail-meta { order: 5; }

    .ksales-card,
    .ksales-order-card-products,
    .ksales-order-card-discount,
    .ksales-order-card-customer,
    .ksales-order-card-payment,
    .ksales-order-card-shipping,
    .ksales-order-card-notes,
    .ksales-order-detail-items,
    .ksales-order-detail-customer,
    .ksales-order-detail-payment,
    .ksales-order-detail-package,
    .ksales-order-detail-meta {
        width: 100%;
        margin-bottom: 12px !important;
    }
    .ksales-order-submit-wrap {
        position: sticky;
        bottom: 0;
        z-index: 20;
        background: rgba(248, 250, 252, .96);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        padding: 10px 0 calc(10px + env(safe-area-inset-bottom));
        border-top: 1px solid rgba(226, 232, 240, .9);
    }
    .ksales-order-submit-btn { min-height: 48px; border-radius: 12px !important; }

    .ksales-order-detail-head > div:last-child { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
    .ksales-order-doc-bar { padding: 10px !important; gap: 7px !important; }
    .ksales-order-doc-bar > span:first-child { width: 100%; margin: 0 0 2px !important; }
    .ksales-doc-btn { flex: 1 1 calc(50% - 8px); justify-content: center; padding: 9px 10px; font-size: 12px; }
    .ksales-order-status-card .ksales-card-head { align-items: flex-start; }
    .ksales-order-status-card .ksales-card-head > div { width: 100%; overflow-x: auto; flex-wrap: nowrap !important; padding-bottom: 2px; }
    .ksales-order-status-card .ksales-card-head .ksales-btn { flex: 0 0 auto; }
    .ksales-stepper { overflow-x: auto; padding-bottom: 4px; margin: 10px 0; }
    .ksales-step-wrap { min-width: 76px; }
}

@media (max-width: 640px) {
    .ksales-shell { padding: 12px 10px; }
    .kbos-module-content > .ksales-shell { padding: 0 !important; }
    .ksales-card { border-radius: 14px; box-shadow: 0 1px 8px rgba(15, 23, 42, .05); }
    .ksales-card-head { padding: 12px 14px; gap: 8px; }
    .ksales-card-head h2 { font-size: 14px; }
    .ksales-card-body { padding: 14px; }
    .ksales-input,
    .ksales-select,
    .ksales-textarea { min-height: 44px; font-size: 16px; padding: 10px 12px; }
    .ksales-field label { font-size: 10px; letter-spacing: .45px; }
    .ksales-search-results { position: fixed; left: 12px; right: 12px; top: auto; bottom: calc(12px + env(safe-area-inset-bottom)); max-height: 55vh; border-radius: 14px; z-index: 9999; }
    .ksales-search-result { padding: 12px; align-items: flex-start; flex-wrap: wrap; }
    .ksales-search-result .sr-name { flex-basis: 100%; font-size: 14px; }
    .ksales-search-result .sr-stock,
    .ksales-search-result .sr-price { font-size: 12px; }
    .ksales-line-item {
        grid-template-columns: minmax(0, 1fr) 86px 40px;
        gap: 9px;
        padding: 11px;
        border-radius: 12px;
    }
    .ksales-line-item-name { grid-column: 1 / -1; }
    .ksales-line-item-amount { grid-column: 1 / 2; }
    .ksales-line-item-qty { grid-column: 2 / 3; }
    .ksales-line-item-remove { grid-column: 3 / 4; }
    .ksales-line-item-remove .ksales-btn { min-height: 44px; width: 100%; justify-content: center; padding: 0; }
    .ksales-totals { max-width: none; width: 100%; }
    .ksales-totals-row.total { font-size: 15px; }
    .ksales-doc-btn { flex-basis: 100%; }
    .ksales-order-detail-items .ksales-table { min-width: 500px; }
}


.kbos-setting-toggle-card{display:flex;align-items:flex-start;gap:12px;border:1px solid #dbeafe;background:#f8fbff;border-radius:14px;padding:14px 16px;max-width:640px;cursor:pointer;}
.kbos-setting-toggle-card input{margin-top:4px;width:18px;height:18px;accent-color:#2563eb;}
.kbos-setting-toggle-card strong{display:block;color:#0f172a;font-size:14px;margin-bottom:3px;}
.kbos-setting-toggle-card small{display:block;color:#64748b;font-size:12px;line-height:1.45;}


/* BOS mobile order safety patch v2.6.6.28 */
@media (max-width: 768px){
  .kbos-module-content .ksales-shell{padding:0!important;background:transparent!important;}
  .kbos-module-content .ksales-page-head{display:none!important;}
  .ksales-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:12px!important;}
  .ksales-stat{padding:12px!important;border-radius:16px!important;}
  .ksales-stat-val{font-size:18px!important;}.ksales-stat-label{font-size:9.5px!important;}
  .ksales-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;white-space:nowrap!important;padding-bottom:6px!important;margin-bottom:12px!important;scrollbar-width:none!important;}
  .ksales-tabs::-webkit-scrollbar{display:none!important;}
  .ksales-tabs form{flex:0 0 100%!important;width:100%!important;margin:8px 0 0!important;}
  .ksales-card{border-radius:16px!important;margin-bottom:12px!important;}
  .ksales-table{min-width:760px!important;}
  .ksales-form-grid,.ksales-form-grid.col2,.ksales-form-grid.col3,.ksales-form-grid.col4{grid-template-columns:1fr!important;}
  .ksales-order-create-layout,.ksales-order-detail-layout{display:flex!important;flex-direction:column!important;gap:12px!important;}
  .ksales-order-create-main,.ksales-order-create-side,.ksales-order-detail-main,.ksales-order-detail-side{display:contents!important;}
}


/* BOS mobile Create Order fixes v2.6.6.30 */
@media (max-width: 900px), (max-height: 520px) and (pointer: coarse) {
    body.kcrm-frontend-body .ksales-order-create-layout,
    body.kcrm-frontend-body .ksales-order-create-main,
    body.kcrm-frontend-body .ksales-order-create-side,
    body.kcrm-frontend-body .ksales-card,
    body.kcrm-frontend-body .ksales-card-body,
    body.kcrm-frontend-body .ksales-order-card-customer,
    body.kcrm-frontend-body .ksales-order-card-products {
        overflow: visible !important;
    }
    body.kcrm-frontend-body .ksales-order-submit-wrap {
        position: static !important;
        bottom: auto !important;
        z-index: auto !important;
        padding: 12px 0 calc(20px + env(safe-area-inset-bottom, 0px)) !important;
        margin-top: 4px !important;
        background: transparent !important;
        border-top: 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    body.kcrm-frontend-body .ksales-order-submit-btn {
        width: 100% !important;
        min-height: 46px !important;
        border-radius: 14px !important;
    }
    body.kcrm-frontend-body .ksales-search-wrap {
        position: relative !important;
        overflow: visible !important;
        z-index: 30 !important;
    }
    body.kcrm-frontend-body .ksales-search-wrap:focus-within {
        z-index: 2147482400 !important;
    }
    body.kcrm-frontend-body .ksales-order-create-layout .ksales-search-results,
    body.kcrm-frontend-body #ksales-search-results,
    body.kcrm-frontend-body #ksales-customer-search-results {
        position: absolute !important;
        top: calc(100% + 6px) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        width: auto !important;
        max-height: min(280px, 42vh) !important;
        overflow-y: auto !important;
        border-radius: 14px !important;
        z-index: 2147482600 !important;
        box-shadow: 0 18px 35px rgba(15, 23, 42, .16) !important;
        -webkit-overflow-scrolling: touch !important;
    }
    body.kcrm-frontend-body .ksales-order-card-products { z-index: 12 !important; }
    body.kcrm-frontend-body .ksales-order-card-customer { z-index: 13 !important; }
    body.kcrm-frontend-body .ksales-line-item-qty input[type="number"] {
        -webkit-user-select: text !important;
        user-select: text !important;
        font-size: 16px !important;
    }
}


/* BOS mobile Create Order real fixes v2.6.6.31 */
@media (max-width: 900px), (max-height: 520px) and (pointer: coarse) {
  html body.kcrm-frontend-body .ksales-order-create-form .ksales-order-submit-wrap,
  html body.kcrm-frontend-body .ksales-order-create-form .ksales-order-submit-wrap-bottom {
    position: static !important;
    bottom: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 1 !important;
    transform: none !important;
    padding: 12px 0 calc(22px + env(safe-area-inset-bottom, 0px)) !important;
    margin: 4px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html body.kcrm-frontend-body .ksales-order-create-form .ksales-order-submit-btn {
    width: 100% !important;
    min-height: 46px !important;
    border-radius: 14px !important;
  }
  html body.kcrm-frontend-body .ksales-order-create-form .ksales-search-wrap,
  html body.kcrm-frontend-body .ksales-order-create-form .ksales-card,
  html body.kcrm-frontend-body .ksales-order-create-form .ksales-card-body,
  html body.kcrm-frontend-body .ksales-order-create-form .ksales-order-create-layout,
  html body.kcrm-frontend-body .ksales-order-create-form .ksales-order-create-main,
  html body.kcrm-frontend-body .ksales-order-create-form .ksales-order-create-side {
    overflow: visible !important;
  }
  html body.kcrm-frontend-body .ksales-order-create-form .ksales-search-wrap:focus-within {
    z-index: 2147483000 !important;
  }
  html body.kcrm-frontend-body .ksales-order-create-form .ksales-search-results,
  html body.kcrm-frontend-body .ksales-order-create-form .kbos-mobile-search-results-live {
    position: fixed !important;
    bottom: auto !important;
    right: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border-radius: 14px !important;
    z-index: 2147483000 !important;
    box-shadow: 0 18px 36px rgba(15,23,42,.18) !important;
    background: #fff !important;
  }
  html body.kcrm-frontend-body .ksales-order-create-form .ksales-qty-input {
    font-size: 16px !important;
    -webkit-user-select: text !important;
    user-select: text !important;
    touch-action: manipulation !important;
  }
}

/* Shipping Labels manager — queue toolbar and stats */
.ksales-label-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    margin:0 0 14px;
    background:#fff;
    border:1px solid var(--s-border);
    border-radius:var(--s-radius);
    box-shadow:var(--s-shadow);
}
.ksales-label-toolbar strong{
    display:block;
    color:var(--s-text);
    font-size:14px;
    line-height:1.2;
    margin-bottom:2px;
}
.ksales-label-toolbar span{
    display:block;
    color:var(--s-muted);
    font-size:11px;
    line-height:1.25;
}
.ksales-label-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.ksales-label-stats{grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;margin:0 0 16px;}
.ksales-label-stats .ksales-stat{padding:14px 16px;margin:0;}
.ksales-label-stats .ksales-stat-val{font-size:24px;}
.ksales-label-stats .ksales-stat-label{font-size:10px;}
@media(max-width:820px){
    .ksales-label-toolbar{align-items:stretch;flex-direction:column;padding:11px 12px;}
    .ksales-label-toolbar-actions{width:100%;}
    .ksales-label-toolbar-actions .ksales-btn{flex:1 1 auto;justify-content:center;}
    .ksales-label-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
    .ksales-label-stats .ksales-stat{padding:10px 11px!important;}
    .ksales-label-stats .ksales-stat-val{font-size:18px!important;}
    .ksales-label-stats .ksales-stat-label{font-size:9px!important;}
}

/* BOS Bulk Status Update compact + mobile responsive v2.6.9.58 */
.ksales-bulk-filter-card,
.ksales-bulk-action-card,
.ksales-bulk-table-card { overflow: hidden; }
.ksales-bulk-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px 10px;
    border-bottom: 1px solid var(--s-border);
}
.ksales-bulk-head h3 {
    margin: 0 0 4px;
    font-size: 15px;
    line-height: 1.2;
    color: var(--s-text);
}
.ksales-bulk-head p {
    margin: 0;
    color: var(--s-muted);
    font-size: 12px;
    line-height: 1.4;
}
.ksales-bulk-pill {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f0fdf4;
    color: #047857;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
    border: 1px solid #bbf7d0;
}
.ksales-bulk-filter-form,
.ksales-bulk-update-grid {
    padding: 12px 16px 14px;
}
.ksales-bulk-filter-form {
    display: grid;
    grid-template-columns: repeat(6, minmax(118px, 1fr));
    gap: 9px;
    align-items: end;
}
.ksales-bulk-update-grid {
    display: grid;
    grid-template-columns: minmax(170px, 220px) minmax(220px, 1fr) minmax(170px, 230px);
    gap: 10px;
    align-items: end;
}
.ksales-bulk-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    color: var(--s-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}
.ksales-bulk-filter-form .ksales-search,
.ksales-bulk-update-grid .ksales-search {
    width: 100%;
    min-width: 0;
    min-height: 38px;
    padding: 7px 10px;
    font-size: 13px;
    box-sizing: border-box;
}
.ksales-bulk-filter-actions {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
.ksales-bulk-check {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin: 0 0 4px;
    color: #475569;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 600;
}
.ksales-bulk-check input { flex: 0 0 auto; }
.ksales-bulk-submit-row {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding-top: 2px;
}
.ksales-bulk-selected-copy {
    color: var(--s-muted);
    font-size: 12px;
    line-height: 1.3;
}
.ksales-bulk-table-card .ksales-table thead th { padding: 9px 12px; }
.ksales-bulk-table-card .ksales-table tbody td { padding: 10px 12px; }

@media (max-width: 980px) {
    .ksales-bulk-filter-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ksales-bulk-search-field { grid-column: span 2; }
    .ksales-bulk-update-grid { grid-template-columns: minmax(170px, 220px) minmax(180px, 1fr); }
    .ksales-bulk-check { grid-column: 1 / -1; }
}

@media (max-width: 768px) {
    .ksales-bulk-filter-card,
    .ksales-bulk-action-card,
    .ksales-bulk-table-card { margin-bottom: 10px !important; }
    .ksales-bulk-head {
        padding: 10px 12px 8px;
        align-items: center;
    }
    .ksales-bulk-head h3 { font-size: 14px; margin-bottom: 2px; }
    .ksales-bulk-head p { font-size: 11px; line-height: 1.25; }
    .ksales-bulk-pill { font-size: 10px; min-height: 24px; padding: 3px 8px; }
    .ksales-bulk-filter-form,
    .ksales-bulk-update-grid { padding: 10px 12px 12px; }
    .ksales-bulk-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .ksales-bulk-search-field,
    .ksales-bulk-filter-actions,
    .ksales-bulk-submit-row { grid-column: 1 / -1; }
    .ksales-bulk-update-grid { grid-template-columns: 1fr; gap: 8px; }
    .ksales-bulk-field { font-size: 10.5px; gap: 3px; }
    .ksales-bulk-filter-form .ksales-search,
    .ksales-bulk-update-grid .ksales-search { min-height: 36px; padding: 7px 9px; font-size: 13px; }
    .ksales-bulk-filter-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .ksales-bulk-filter-actions .ksales-btn,
    .ksales-bulk-submit-row .ksales-btn { justify-content: center; }
    .ksales-bulk-check {
        padding: 8px 10px;
        border: 1px solid var(--s-border);
        border-radius: 10px;
        background: #f8fafc;
        font-size: 11.5px;
        margin: 0;
    }
    .ksales-bulk-submit-row {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    .ksales-bulk-selected-copy { font-size: 11px; }
    .ksales-bulk-table-card .ksales-table { min-width: 820px !important; }
}

@media (max-width: 480px) {
    .ksales-bulk-head { flex-wrap: wrap; gap: 6px; }
    .ksales-bulk-head > div { min-width: 0; flex: 1 1 100%; }
    .ksales-bulk-head p { display: none; }
    .ksales-bulk-pill { width: 100%; justify-content: center; }
    .ksales-bulk-filter-form { grid-template-columns: 1fr 1fr; }
    .ksales-bulk-date .ksales-search { padding-left: 7px; padding-right: 7px; }
}

/* Bulk payment update helper */
.ksales-bulk-info{
    grid-column:1 / -1;
    padding:10px 12px;
    border:1px solid #bfdbfe;
    background:#eff6ff;
    color:#1e40af;
    border-radius:12px;
    font-size:12px;
    line-height:1.45;
    font-weight:600;
}