/* Bee1 Order Import — dashboard styling */
.boi-dashboard{--boi-accent:#2f6df6;--boi-accent-dark:#1f4fd0;--boi-ok:#1f9d55;--boi-fail:#d6342c;--boi-bg:#f6f8fc;--boi-line:#e3e8f0;--boi-ink:#1f2733;--boi-muted:#6b7686;--boi-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Hebrew","Arial Hebrew",Rubik,Assistant,Roboto,Arial,sans-serif;color:var(--boi-ink);}
/* Some themes give headings/tables their own (often serif) font-family with higher
   specificity than a single class selector, which makes this widget look inconsistent
   with the rest of the dashboard. Force our stack so every element inside matches. */
.boi-dashboard,.boi-dashboard *{font-family:var(--boi-font)!important;box-sizing:border-box;}

/* Alerts */
.boi-alert{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;margin:0 0 20px;border:1px solid transparent;animation:boi-fade .25s ease;}
.boi-alert--success{background:#e9f8ef;border-color:#bfe9cf;color:#155f33;}
.boi-alert--error{background:#fdecea;border-color:#f6c8c4;color:#8f231d;}
.boi-alert__icon{width:22px;height:22px;border-radius:50%;flex:0 0 auto;margin-top:1px;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;}
.boi-alert--success .boi-alert__icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.4-1.4z'/%3E%3C/svg%3E");}
.boi-alert--error .boi-alert__icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 15h2v2h-2zm0-8h2v6h-2z'/%3E%3C/svg%3E");}
.boi-alert p{margin:0 0 4px;}
.boi-alert__orders a{color:inherit;font-weight:600;}

/* Layout */
.boi-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px;}
@media(max-width:782px){.boi-grid{grid-template-columns:1fr;}}

.boi-card{background:#fff;border:1px solid var(--boi-line);border-radius:16px;padding:22px;box-shadow:0 1px 2px rgba(20,40,80,.04);}
.boi-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
.boi-card h2{font-size:18px;margin:0;font-weight:700;}
.boi-card h3{font-size:15px;margin:0 0 12px;font-weight:700;}
.boi-help{color:var(--boi-muted);font-size:13.5px;line-height:1.6;margin:0 0 16px;}

/* Customer selector — always required, no "myself" option */
.boi-card--picker{margin-bottom:20px;}
.boi-customer-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.boi-customer-form select{padding:10px 14px!important;border:1px solid var(--boi-line)!important;border-radius:10px!important;font-size:14px!important;min-width:280px;max-width:100%;background:#fff!important;color:var(--boi-ink)!important;box-shadow:none!important;cursor:pointer;}
.boi-customer-form select:focus{outline:none!important;border-color:var(--boi-accent)!important;box-shadow:0 0 0 3px rgba(47,109,246,.15)!important;}
.boi-upload-form__for{margin:0 0 12px;font-size:13.5px;font-weight:600;color:var(--boi-ink);padding:8px 12px;background:var(--boi-bg);border-radius:8px;}

/* Order-method tabs (quick reorder | file import) — segmented control.
   Buttons carry !important so the theme's global button styles can't repaint them. */
.boi-tabs__bar{display:flex;gap:6px;background:#fff;border:1px solid var(--boi-line);border-radius:14px;padding:6px;margin:0 0 20px;box-shadow:0 1px 2px rgba(20,40,80,.04);}
.boi-dashboard button.boi-tabs__btn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;background:transparent!important;color:var(--boi-muted)!important;border:0!important;border-radius:10px!important;padding:13px 18px!important;font-size:14px!important;font-weight:700!important;line-height:1!important;cursor:pointer;box-shadow:none!important;transition:.15s background,.15s color;}
.boi-dashboard button.boi-tabs__btn:hover{background:var(--boi-bg)!important;color:var(--boi-ink)!important;}
.boi-dashboard button.boi-tabs__btn.is-active{background:var(--boi-accent)!important;color:#fff!important;box-shadow:0 2px 8px rgba(47,109,246,.25)!important;}
.boi-tabs__panel{display:none;}
.boi-tabs__panel.is-active{display:block;animation:boi-fade .2s ease;}

/* Weekly order limit summary */
.boi-card--limits{margin-bottom:20px;}
.boi-limit-summary{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 14px;}
.boi-limit-summary li{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--boi-ink);background:var(--boi-bg);border:1px solid var(--boi-line);border-radius:10px;padding:10px 16px;}
.boi-limit-summary li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--boi-accent);flex:0 0 auto;}
.boi-card--limits .boi-alert{margin:14px 0 0;}

/* Quick reorder card.
   NOTE: this theme (Elementor + WooCommerce) ships heavy global button/input
   styles (.woocommerce button.button, pink outline pills, 3px-radius inputs)
   that out-rank our single-class selectors, so the form controls below carry
   !important on the visual properties the theme touches. */
.boi-card--reorder{margin-bottom:20px;}
.boi-reorder-wrap{border:1px solid var(--boi-line);border-radius:12px;overflow:hidden;margin-bottom:16px;}
.boi-reorder-table{width:100%;border-collapse:collapse;font-size:13.5px;}
.boi-reorder-table th,.boi-reorder-table td{padding:11px 14px;text-align:start;border-bottom:1px solid var(--boi-line);vertical-align:middle;}
.boi-reorder-table thead th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--boi-muted);font-weight:700;background:var(--boi-bg);}
.boi-reorder-table tbody tr:last-child td{border-bottom:0;}
.boi-reorder-table tbody tr:nth-child(even){background:var(--boi-bg);}
.boi-reorder-table tbody tr:hover{background:#eef3ff;}
.boi-reorder-table td:first-child{font-weight:600;}
.boi-reorder-table th:first-child,.boi-reorder-table td:first-child{padding-inline-start:15px!important;}
.boi-reorder-table th:nth-child(3),.boi-reorder-table td:nth-child(3),
.boi-reorder-table th:nth-child(4),.boi-reorder-table td:nth-child(4),
.boi-reorder-table th:nth-child(5),.boi-reorder-table td:nth-child(5){text-align:center;}
.boi-reorder-table td:nth-child(3){font-weight:600;color:var(--boi-accent-dark);white-space:nowrap;}
.boi-reorder-table__price-col{width:120px;}
.boi-reorder-table__qty-col{width:110px;}
.boi-reorder-table__rm-col{width:56px;}
.boi-dashboard input.boi-reorder-qty{width:76px!important;padding:8px 6px!important;border:1px solid var(--boi-line)!important;border-radius:8px!important;font-size:13.5px!important;font-weight:600;text-align:center!important;background:#fff!important;color:var(--boi-ink)!important;box-shadow:none!important;}
.boi-dashboard input.boi-reorder-qty:focus{outline:none!important;border-color:var(--boi-accent)!important;box-shadow:0 0 0 3px rgba(47,109,246,.15)!important;}
.boi-dashboard button.boi-reorder-remove{display:inline-flex;align-items:center;justify-content:center;border:0!important;background:#fdecea!important;color:var(--boi-fail)!important;width:28px!important;min-width:28px!important;height:28px!important;padding:0!important;border-radius:50%!important;cursor:pointer;font-size:16px!important;line-height:1!important;box-shadow:none!important;transition:.15s background;}
.boi-dashboard button.boi-reorder-remove:hover{background:#f8d7d3!important;color:var(--boi-fail)!important;}
.boi-reorder-empty{margin:0;padding:16px;text-align:center;color:var(--boi-muted);font-size:13.5px;}
.boi-reorder-total{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:0 0 16px;padding:12px 16px;background:var(--boi-bg);border:1px solid var(--boi-line);border-radius:10px;font-size:14px;}
.boi-reorder-total__label{font-weight:700;color:var(--boi-ink);}
.boi-reorder-total__value{font-weight:800;font-size:16px;color:var(--boi-accent-dark);white-space:nowrap;}
.boi-reorder-add{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px;background:var(--boi-bg);border:1px dashed #cdd6e4;border-radius:12px;padding:14px;}
.boi-dashboard input.boi-reorder-add__qty{width:86px!important;padding:10px 8px!important;border:1px solid var(--boi-line)!important;border-radius:10px!important;font-size:13.5px!important;font-weight:600;text-align:center!important;background:#fff!important;color:var(--boi-ink)!important;box-shadow:none!important;}
.boi-dashboard input.boi-reorder-add__qty:focus{outline:none!important;border-color:var(--boi-accent)!important;box-shadow:0 0 0 3px rgba(47,109,246,.15)!important;}
/* The "Add product" button uses the generic .button class the theme styles grey. */
.boi-dashboard .boi-reorder-add .button{background:#eef3ff!important;color:var(--boi-accent-dark)!important;border:0!important;border-radius:10px!important;padding:12px 20px!important;font-size:13.5px!important;font-weight:700!important;line-height:1!important;cursor:pointer;box-shadow:none!important;transition:.15s background;}
.boi-dashboard .boi-reorder-add .button:hover{background:#dfe9ff!important;color:var(--boi-accent-dark)!important;}
#boi-reorder-submit{max-width:260px;}

/* Self-contained search+select combobox (front-end "add product" field) */
.boi-combo{position:relative;flex:1 1 260px;min-width:220px;}
.boi-dashboard input.boi-combo__search-inline{width:100%!important;padding:10px 14px!important;border:1px solid var(--boi-line)!important;border-radius:10px!important;font-size:13.5px!important;background:#fff!important;color:var(--boi-ink)!important;box-shadow:none!important;}
.boi-dashboard input.boi-combo__search-inline:focus{outline:none!important;border-color:var(--boi-accent)!important;box-shadow:0 0 0 3px rgba(47,109,246,.15)!important;}
.boi-dashboard input.boi-combo__search-inline::placeholder{color:var(--boi-muted);}
.boi-combo__list--floating{position:absolute;z-index:20;top:calc(100% + 4px);inset-inline-start:0;width:100%;max-height:220px;overflow:auto;background:#fff;border:1px solid var(--boi-line);border-radius:8px;box-shadow:0 8px 24px rgba(20,40,80,.12);list-style:none;margin:0;padding:6px;}
.boi-combo__option{padding:8px 10px;border-radius:6px;font-size:13px;color:var(--boi-ink);cursor:pointer;}
.boi-combo__option:hover{background:var(--boi-bg);}
.boi-combo__option--empty{color:var(--boi-muted);cursor:default;}
.boi-combo__option--empty:hover{background:none;}

/* Drop zone */
.boi-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:30px 18px;border:2px dashed var(--boi-line);border-radius:14px;background:var(--boi-bg);cursor:pointer;transition:.2s border-color,.2s background;}
.boi-drop:hover,.boi-drop.is-drag{border-color:var(--boi-accent);background:#eef3ff;}
.boi-drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;}
.boi-drop__icon{width:42px;height:42px;background:var(--boi-accent);-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l5 5h-3v6h-4V8H7l5-5zM5 18h14v2H5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l5 5h-3v6h-4V8H7l5-5zM5 18h14v2H5z'/%3E%3C/svg%3E");}
.boi-drop__text{font-weight:600;}
.boi-drop__name{font-size:13px;color:var(--boi-accent-dark);font-weight:600;min-height:1em;}
.boi-drop__hint{color:var(--boi-muted);font-size:12px;}

/* Buttons — !important because the theme's global WooCommerce button styles
   (pink outline pills) out-rank plain single-class selectors. */
.boi-dashboard .boi-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;border:0!important;border-radius:10px!important;padding:11px 18px!important;font-size:14px!important;font-weight:600!important;cursor:pointer;text-decoration:none!important;transition:.15s transform,.15s background,.15s box-shadow;line-height:1!important;}
.boi-dashboard .boi-btn:active{transform:translateY(1px);}
.boi-dashboard .boi-btn--primary{background:var(--boi-accent)!important;color:#fff!important;margin-top:16px;width:100%!important;justify-content:center!important;box-shadow:0 2px 8px rgba(47,109,246,.25)!important;}
.boi-dashboard .boi-btn--primary:hover{background:var(--boi-accent-dark)!important;color:#fff!important;}
.boi-dashboard .boi-btn--primary[disabled]{opacity:.6;cursor:default;}
.boi-dashboard .boi-btn--ghost{background:#eef3ff!important;color:var(--boi-accent-dark)!important;}
.boi-dashboard .boi-btn--ghost:hover{background:#dfe9ff!important;color:var(--boi-accent-dark)!important;}
.boi-dashboard .boi-btn--danger{background:#fdecea!important;color:var(--boi-fail)!important;}
.boi-dashboard .boi-btn--danger:hover{background:#f8d7d3!important;color:var(--boi-fail)!important;}

/* Missing-product confirmation panel — clean white card; colour is reserved for the
   two things that actually need attention (the warning icon and the missing SKUs),
   not the whole section. */
.boi-confirm{background:#fff;border:1px solid var(--boi-line);border-radius:16px;padding:20px 22px;margin:0 0 20px;box-shadow:0 1px 2px rgba(20,40,80,.04);animation:boi-fade .25s ease;}
.boi-confirm__head{margin-bottom:10px;}
.boi-confirm_top_head{display:flex;align-items:center;gap:10px;margin-bottom:4px;}
.boi-confirm_top_head h2{font-size:17px;margin:5px 0!important;color:var(--boi-ink);line-height:1.3;}
.boi-confirm__head p{margin:0;color:var(--boi-muted);font-size:13.5px;}
/* Indent the description under the heading text (icon width + gap) instead of under the icon. */
.boi-confirm__head > div:not(.boi-confirm_top_head){margin-inline-start:34px;}
/* The one accent colour in this section: the warning icon. */
.boi-confirm__icon{display:inline-block;flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:#e8a400;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");}
.boi-missing-wrap{margin:14px 0 6px;max-height:320px;overflow:auto;border:1px solid var(--boi-line);border-radius:12px;}
.boi-missing-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13.5px;background:#fff;}
.boi-missing-table th,.boi-missing-table td{padding:10px 14px;text-align:start;border-bottom:1px solid var(--boi-line);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;}
.boi-missing-table thead th{position:sticky;top:0;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--boi-muted);font-weight:700;background:var(--boi-bg);}
.boi-missing-table tbody tr:last-child td{border-bottom:0;}
.boi-missing-table tbody tr:nth-child(even){background:var(--boi-bg);}
.boi-missing-table tbody tr:hover{background:#eef3ff;}
.boi-missing-table__num{width:44px;color:var(--boi-muted);font-weight:700;text-align:center;}
/* Higher specificity than ".boi-missing-table th,.boi-missing-table td" (which sets the
   base padding) so this wins without needing !important. */
.boi-missing-table th.boi-missing-table__num,
.boi-missing-table td.boi-missing-table__num{padding-inline-start:10px!important;}
.boi-missing-table__name{font-weight:600;color:var(--boi-ink);word-break:break-word;}
.boi-missing-table__sku{width:150px;text-align:center;}
/* The other accent colour: the specific SKUs that need fixing (not the surrounding row/table). */
.boi-missing__sku-badge{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;background:#fff6e5;color:#8a5a00;border:1px solid #f0d999;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;white-space:nowrap;}
/* "Not open for your price list" items — red accent, distinct from the amber "missing" badges. */
.boi-missing__sku-badge--noprice{background:#fdecea;color:#8f231d;border-color:#f6c8c4;}
.boi-missing__subhead{font-size:14px;font-weight:700;color:var(--boi-ink);margin:16px 0 0;}
.boi-missing__notice{display:flex;align-items:flex-start;gap:8px;margin:0 0 4px;padding:10px 14px;background:#fdecea;border:1px solid #f6c8c4;border-radius:10px;color:#8f231d;font-size:13px;font-weight:600;line-height:1.5;}
.boi-confirm__empty{margin:16px 0 10px;padding:12px 16px;background:var(--boi-bg);border:1px solid var(--boi-line);border-radius:10px;color:var(--boi-ink);font-size:13.5px;font-weight:600;}
.boi-missing-wrap::-webkit-scrollbar{width:6px;}
.boi-missing-wrap::-webkit-scrollbar-thumb{background:var(--boi-line);border-radius:999px;}
.boi-missing__count{margin:0 0 4px;font-size:12.5px;color:var(--boi-muted);font-weight:600;}
@media(max-width:480px){
	.boi-missing-table thead{display:none;}
	.boi-missing-table,.boi-missing-table tbody,.boi-missing-table tr,.boi-missing-table td{display:block;width:100%;}
	.boi-missing-table tr{border-bottom:1px solid #f5e9c8;padding:8px 0;}
	.boi-missing-table td{border:0;padding:2px 14px;text-align:start;}
	.boi-missing-table__num{width:auto;text-align:start;}
	.boi-missing-table__num::before{content:"# ";}
}
.boi-confirm__q{font-weight:600;margin:12px 0 8px;}
.boi-confirm__actions{display:flex;gap:12px;flex-wrap:wrap;}
.boi-confirm__actions form{margin:0;}
.boi-confirm__actions .boi-btn{margin-top:0;width:auto;}
.boi-ico-download,.boi-ico-upload{width:16px;height:16px;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;}
.boi-ico-download{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 20h14v-2H5v2zM12 3v10l4-4 1.4 1.4L12 16.8 5.6 10.4 7 9l4 4V3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 20h14v-2H5v2zM12 3v10l4-4 1.4 1.4L12 16.8 5.6 10.4 7 9l4 4V3z'/%3E%3C/svg%3E");}
.boi-ico-upload{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 20h14v-2H5v2zM12 3L7 9h3v6h4V9h3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 20h14v-2H5v2zM12 3L7 9h3v6h4V9h3z'/%3E%3C/svg%3E");}

/* Format reference */
.boi-card--format{background:linear-gradient(180deg,#fff, #fafcff);}
.boi-cols{margin:0;padding-inline-start:20px;display:grid;gap:6px;font-size:13px;color:var(--boi-ink);}
.boi-cols li{padding:2px 0;}

/* History table */
.boi-table-wrap{overflow-x:auto;}
.boi-table{width:100%;border-collapse:collapse;font-size:13.5px;}
.boi-table th,.boi-table td{padding:11px 12px;text-align:start;border-bottom:1px solid var(--boi-line);vertical-align:top;}
.boi-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--boi-muted);font-weight:700;background:var(--boi-bg);}
.boi-table tbody tr:hover{background:#fbfcfe;}
.boi-table .boi-file{font-weight:600;word-break:break-all;}
.boi-file__name{word-break:break-all;}
.boi-file__download{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-inline-start:6px;border-radius:6px;background:#eef3ff;color:var(--boi-accent-dark);vertical-align:middle;flex:0 0 auto;}
.boi-file__download:hover{background:#dfe9ff;}
.boi-file__download .boi-ico-download{width:12px;height:12px;}
.boi-table .boi-msg{color:var(--boi-muted);max-width:360px;}
.boi-table a{color:var(--boi-accent-dark);font-weight:600;}

.boi-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;}
.boi-badge--ok{background:#e9f8ef;color:var(--boi-ok);}
.boi-badge--fail{background:#fdecea;color:var(--boi-fail);}

.boi-empty{color:var(--boi-muted);font-size:14px;padding:8px 0;}

@keyframes boi-fade{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:none;}}

/* Responsive stacked table */
@media(max-width:600px){
	.boi-table thead{display:none;}
	.boi-table,.boi-table tbody,.boi-table tr,.boi-table td{display:block;width:100%;}
	.boi-table tr{border:1px solid var(--boi-line);border-radius:12px;margin-bottom:12px;padding:6px 10px;}
	.boi-table td{border:0;padding:6px 4px;display:flex;justify-content:space-between;gap:14px;}
	.boi-table td::before{content:attr(data-th);font-weight:700;color:var(--boi-muted);}
	.boi-table .boi-msg{max-width:none;text-align:end;}
}

@media(max-width:600px){
	.boi-reorder-table thead{display:none;}
	.boi-reorder-table,.boi-reorder-table tbody,.boi-reorder-table tr,.boi-reorder-table td{display:block;width:100%;}
	.boi-reorder-table tr{border-bottom:1px solid var(--boi-line);padding:8px 4px;}
	.boi-reorder-table td{border:0;padding:4px 10px;display:flex;justify-content:space-between;align-items:center;gap:14px;}
	.boi-reorder-table td::before{content:attr(data-th);font-weight:700;color:var(--boi-muted);}
}