/* BaratoKeys catalog: one visual system shared by lists and editors. */
#dashboard-app .bk-cat-mount {
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 20px clamp(14px, 1.4vw, 24px) 38px;
  background: #090909;
  color: #f5f5f5;
}
.bk-cat-screen,
.bk-cat-modal-backdrop,
.bk-cat-editor-backdrop,
.bk-cat-confirm-backdrop {
  --cat-page: #090909;
  --cat-surface: #121212;
  --cat-surface-raised: #1a1a1a;
  --cat-hover: #232323;
  --cat-border: #2d2d2d;
  --cat-border-strong: #464646;
  --cat-text: #f5f5f5;
  --cat-muted: #a1a1a1;
  --cat-ease: cubic-bezier(.22,1,.36,1);
  color: var(--cat-text);
  font-family: Inter, "Segoe UI", system-ui, sans-serif;
}
.bk-cat-screen *,
.bk-cat-modal-backdrop *,
.bk-cat-editor-backdrop *,
.bk-cat-confirm-backdrop * { box-sizing: border-box; }
.bk-cat-screen { width: 100%; min-width: 0; animation: cat-enter .32s var(--cat-ease) both; }
.bk-cat-svg { display: block; flex: 0 0 auto; }
.bk-cat-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 18px;
}
.bk-cat-heading h1 {
  margin: 0;
  font-size: clamp(28px, 2.2vw, 36px);
  line-height: 1.12;
  letter-spacing: -.035em;
  font-weight: 750;
}
.bk-cat-heading p { margin: 5px 0 0; color: var(--cat-muted); font-size: 13px; line-height: 1.45; }
.bk-cat-heading-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.bk-cat-btn,
.bk-cat-close,
.bk-cat-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid var(--cat-border);
  border-radius: 9px;
  background: var(--cat-surface-raised);
  color: var(--cat-text);
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: background .32s var(--cat-ease), border-color .32s var(--cat-ease), color .32s var(--cat-ease), transform .32s var(--cat-ease), box-shadow .32s var(--cat-ease);
}
.bk-cat-btn:hover,.bk-cat-close:hover,.bk-cat-back:hover { background: var(--cat-hover); border-color: var(--cat-border-strong); transform: translateY(-1px); }
.bk-cat-btn:active,.bk-cat-close:active,.bk-cat-back:active { transform: translateY(0); }
.bk-cat-btn:disabled { cursor: wait; opacity: .55; }
.bk-cat-primary { background: #f7f7f7; border-color: #f7f7f7; color: #0c0c0c; }
.bk-cat-primary:hover { background: #d9d9d9; border-color: #d9d9d9; color: #0c0c0c; }
.bk-cat-icon-button { width: 38px; padding: 0; }
.bk-cat-small { min-height: 34px; padding: 0 10px; font-size: 11px; }
.bk-cat-workspace { min-width: 0; padding: 0 17px 17px; border: 1px solid var(--cat-border); border-radius: 12px; background: var(--cat-surface); }
.bk-cat-module-tabs { display: flex; align-items: center; gap: 15px; height: 50px; margin-bottom: 16px; border-bottom: 1px solid var(--cat-border); }
.bk-cat-module-tabs a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 50px;
  padding: 0 10px;
  color: var(--cat-muted);
  font-size: 12px;
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
  transition: color .32s var(--cat-ease), background .32s var(--cat-ease);
}
.bk-cat-module-tabs a::after { content: ""; position: absolute; left: 9px; right: 9px; bottom: -1px; height: 2px; border-radius: 2px; background: #f5f5f5; transform: scaleX(0); transition: transform .32s var(--cat-ease); }
.bk-cat-module-tabs a:hover,.bk-cat-module-tabs a[aria-current=page] { color: #fff; }
.bk-cat-module-tabs a[aria-current=page]::after { transform: scaleX(1); }
.bk-cat-toolbar { display: flex; align-items: center; gap: 9px; margin-bottom: 14px; min-width: 0; }
.bk-cat-search {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 280px;
  min-width: 0;
  height: 40px;
  padding: 0 11px;
  border: 1px solid var(--cat-border);
  border-radius: 8px;
  background: #171717;
  color: var(--cat-muted);
  transition: border-color .32s var(--cat-ease), background .32s var(--cat-ease);
}
.bk-cat-search:focus-within { border-color: #898989; background: #1c1c1c; }
.bk-cat-search input { flex: 1; width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--cat-text); font: inherit; font-size: 12px; }
.bk-cat-search input::placeholder { color: #8a8a8a; }
.bk-cat-screen select,
.bk-cat-field input,
.bk-cat-field select,
.bk-cat-field textarea {
  min-width: 0;
  width: 100%;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid var(--cat-border);
  border-radius: 8px;
  outline: 0;
  background: #1b1b1b;
  color: var(--cat-text);
  font: inherit;
  font-size: 12px;
  line-height: 1.4;
  transition: border-color .32s var(--cat-ease), background .32s var(--cat-ease), box-shadow .32s var(--cat-ease);
}
.bk-cat-field input:hover,.bk-cat-field select:hover,.bk-cat-field textarea:hover,.bk-cat-screen select:hover { border-color: var(--cat-border-strong); }
.bk-cat-field input:focus,.bk-cat-field select:focus,.bk-cat-field textarea:focus,.bk-cat-screen select:focus { border-color: #bababa; box-shadow: 0 0 0 2px #ffffff12; }
.bk-cat-field input::placeholder,.bk-cat-field textarea::placeholder { color: #7c7c7c; }
.bk-cat-toolbar>select { flex: 0 1 190px; width: auto; max-width: 230px; height: 40px; }
.bk-cat-select { position: relative; width: 100%; min-width: 0; }
.bk-cat-select input[type=hidden] { display: none !important; }
.bk-cat-select-trigger { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-width: 0; min-height: 40px; padding: 0 11px; border: 1px solid var(--cat-border); border-radius: 8px; outline: 0; background: #1b1b1b; color: var(--cat-text); font: inherit; font-size: 12px; line-height: 1.4; text-align: left; cursor: pointer; transition: border-color .2s var(--cat-ease), background .2s var(--cat-ease), box-shadow .2s var(--cat-ease); }
.bk-cat-select-trigger:hover { border-color: var(--cat-border-strong); }
.bk-cat-select-trigger:focus-visible,.bk-cat-select-trigger[aria-expanded=true] { border-color: #b1b1b1; box-shadow: 0 0 0 2px #ffffff12; }
.bk-cat-select-trigger>span { overflow: hidden; min-width: 0; text-overflow: ellipsis; white-space: nowrap; }
.bk-cat-select-trigger>svg { color: var(--cat-muted); transition: transform .2s ease; }
.bk-cat-select-trigger[aria-expanded=true]>svg { transform: rotate(180deg); }
.bk-cat-toolbar>.bk-cat-select { flex: 0 1 190px; width: auto; max-width: 230px; }
.bk-cat-bulkbar>.bk-cat-select { width: auto; min-width: 158px; }
.bk-cat-field>.bk-cat-select { margin-top: 2px; }
.bk-cat-select-popover { z-index: 13000; display: grid; gap: 4px; box-sizing: border-box; overflow: auto; overscroll-behavior: contain; padding: 6px; border: 1px solid #464646; border-radius: 12px; background: #1a1a1a; color: #f5f5f5; box-shadow: 0 16px 40px #0008; scrollbar-width: thin; scrollbar-color: #555 transparent; animation: cat-dialog .16s ease both; }
.bk-cat-select-option { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; min-height: 38px; padding: 0 11px; border: 1px solid transparent; border-radius: 8px; background: #121212; color: #c7c7c7; font: inherit; font-size: 12px; text-align: left; cursor: pointer; transition: background .16s ease, color .16s ease, border-color .16s ease; }
.bk-cat-select-option>span { overflow: hidden; min-width: 0; text-overflow: ellipsis; white-space: nowrap; }
.bk-cat-select-option:hover,.bk-cat-select-option:focus-visible,.bk-cat-select-option.is-selected { outline: 0; border-color: #464646; background: #282828; color: #fff; }
.bk-cat-select-option>svg { color: currentColor; }
.bk-cat-select-popover[data-theme=light] { border-color: #e8e8e8; background: #fff; color: #1b1b1b; box-shadow: 0 16px 40px #1b1b1b26; scrollbar-color: #a4a4a4 transparent; }
.bk-cat-select-popover[data-theme=light] .bk-cat-select-option { background: #fff; color: #747474; }
.bk-cat-select-popover[data-theme=light] .bk-cat-select-option:hover,.bk-cat-select-popover[data-theme=light] .bk-cat-select-option:focus-visible,.bk-cat-select-popover[data-theme=light] .bk-cat-select-option.is-selected { border-color: #d6d6d6; background: #f1f1f1; color: #1b1b1b; }
html[data-bk-theme=light] .bk-cat-select-trigger { border-color: #e8e8e8; background: #fff; color: #1b1b1b; }
html[data-bk-theme=light] .bk-cat-select-trigger:hover,html[data-bk-theme=light] .bk-cat-select-trigger:focus-visible,html[data-bk-theme=light] .bk-cat-select-trigger[aria-expanded=true] { border-color: #a4a4a4; }
.bk-cat-count { margin-left: auto; color: var(--cat-muted); font-size: 11px; white-space: nowrap; }
.bk-cat-notice,.bk-cat-error { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 12px; padding: 10px 12px; border: 1px solid var(--cat-border-strong); border-radius: 8px; background: var(--cat-surface-raised); color: #e4e4e4; font-size: 12px; }
.bk-cat-results { min-width: 0; animation: cat-enter .28s var(--cat-ease) both; }
.bk-cat-category-list { overflow: hidden; border: 1px solid var(--cat-border); border-radius: 10px; background: #141414; }
.bk-cat-category-header,.bk-cat-category-row { display: grid; grid-template-columns: 28px minmax(180px,1fr) minmax(105px,145px) 88px 126px; align-items: center; gap: 10px; padding: 0 12px; }
.bk-cat-category-header { min-height: 37px; background: #1d1d1d; color: var(--cat-muted); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.bk-cat-category-row { min-height: 62px; border-top: 1px solid var(--cat-border); transition: background .32s var(--cat-ease); }
.bk-cat-category-row:hover,.bk-cat-product-row:hover { background: #1f1f1f; }
.bk-cat-category-row.bk-cat-dragging { opacity: .5; }
.bk-cat-category-row.bk-cat-drop-target { outline: 1px dashed #a7a7a7; outline-offset: -3px; }
.bk-cat-drag { display: grid; place-items: center; color: #8a8a8a; cursor: grab; user-select: none; }
.bk-cat-category-name { display: flex; align-items: center; gap: 10px; min-width: 0; }
.bk-cat-category-name>span:last-child,.bk-cat-product-title { display: grid; gap: 4px; min-width: 0; }
.bk-cat-category-name strong,.bk-cat-product-title strong { overflow: hidden; color: var(--cat-text); font-size: 12px; font-weight: 680; text-overflow: ellipsis; white-space: nowrap; }
.bk-cat-category-name small,.bk-cat-product-title small { overflow: hidden; color: var(--cat-muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.bk-cat-image { width: 40px; height: 40px; flex: 0 0 40px; object-fit: cover; border: 1px solid var(--cat-border-strong); border-radius: 8px; background: #272727; }
.bk-cat-image-empty { display: grid; place-items: center; color: #b1b1b1; }
.bk-cat-count-pill { justify-self: start; padding: 5px 9px; border: 1px solid var(--cat-border); border-radius: 7px; background: #232323; color: #dedede; font-size: 11px; white-space: nowrap; }
.bk-cat-status { color: #ddd; font-size: 11px; white-space: nowrap; }
.bk-cat-status.is-muted { color: var(--cat-muted); }
.bk-cat-row-actions { display: flex; align-items: flex-start; justify-content: flex-end; gap: 6px; min-width: 0; }
.bk-cat-trash { width: 34px; min-width: 34px; padding: 0; color: #c4c4c4; }
.bk-cat-trash:hover { color: #fff; }
.bk-cat-product-groups { display: grid; gap: 10px; }
.bk-cat-product-group { overflow: hidden; border: 1px solid var(--cat-border); border-radius: 10px; background: #141414; }
.bk-cat-group-heading { display: flex; align-items: center; gap: 9px; width: 100%; min-height: 44px; padding: 0 12px; border-bottom: 1px solid var(--cat-border); background: #1d1d1d; color: var(--cat-text); }
.bk-cat-group-toggle { display: flex; align-items: center; gap: 9px; flex: 1; align-self: stretch; min-width: 0; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; font: inherit; cursor: pointer; }
.bk-cat-group-toggle:hover { color: #fff; }.bk-cat-group-toggle:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.bk-cat-group-toggle strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.bk-cat-group-toggle>span:last-child { color: var(--cat-muted); font-size: 11px; white-space: nowrap; }
.bk-cat-group-chevron { color: #c7c7c7; }
.bk-cat-group-heading input { margin-left: auto; accent-color: #eee; }
.bk-cat-product-row { display: grid; grid-template-columns: 20px 40px minmax(130px,1fr) 110px 75px 80px 108px; align-items: center; gap: 10px; min-height: 61px; padding: 8px 12px; border-bottom: 1px solid var(--cat-border); transition: background .32s var(--cat-ease); }
.bk-cat-product-row:last-child { border-bottom: 0; }
.bk-cat-product-row>input[type=checkbox] { accent-color: #eee; }
.bk-cat-product-price,.bk-cat-product-stock { color: #d4d4d4; font-size: 11px; white-space: nowrap; }
.bk-cat-bulkbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--cat-border); color: var(--cat-muted); font-size: 11px; }
.bk-cat-bulkbar select { width: auto; min-width: 158px; }
.bk-cat-empty { display: grid; justify-items: center; align-content: center; gap: 8px; min-height: 170px; padding: 22px; border: 1px dashed var(--cat-border-strong); border-radius: 10px; background: #141414; text-align: center; }
.bk-cat-empty-icon { color: var(--cat-muted); }
.bk-cat-empty h2 { margin: 0; font-size: 15px; }.bk-cat-empty p { margin: 0 0 6px; color: var(--cat-muted); font-size: 11px; }
.bk-cat-skeleton-list { display: grid; gap: 8px; }
.bk-cat-skeleton-row { display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 59px; padding: 10px 12px; overflow: hidden; border: 1px solid var(--cat-border); border-radius: 9px; background: #171717; }
.bk-cat-skeleton-row i,.bk-cat-skeleton-row b,.bk-cat-skeleton-row em { display: block; background: #2d2d2d; border-radius: 6px; animation: cat-pulse 1.3s ease-in-out infinite; }
.bk-cat-skeleton-row i { width: 38px; height: 38px; flex: 0 0 38px; }.bk-cat-skeleton-row span { display: grid; gap: 7px; flex: 1; min-width: 0; }.bk-cat-skeleton-row b { max-width: 100%; width: 140px; height: 12px; }.bk-cat-skeleton-row em { max-width: 100%; width: 90px; height: 9px; }.bk-cat-skeleton-row>b { width: 65px; height: 20px; }

.bk-cat-modal-backdrop,.bk-cat-editor-backdrop,.bk-cat-confirm-backdrop { position: fixed; inset: 0; z-index: 12000; display: grid; place-items: center; overflow: auto; padding: 18px; background: #000c; animation: cat-backdrop .26s ease both; }
.bk-cat-confirm-backdrop { z-index: 12010; }
.bk-cat-confirm { width: min(100%,420px); padding: 22px; border: 1px solid var(--cat-border-strong); border-radius: 12px; background: var(--cat-surface); box-shadow: 0 26px 85px #000b; animation: cat-dialog .3s var(--cat-ease) both; }
.bk-cat-confirm-icon { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 14px; border: 1px solid var(--cat-border); border-radius: 9px; background: var(--cat-surface-raised); }
.bk-cat-confirm h2 { margin: 0 0 6px; font-size: 18px; }
.bk-cat-confirm p { margin: 0 0 14px; color: var(--cat-muted); font-size: 12px; line-height: 1.5; }
.bk-cat-confirm-name { overflow-wrap: anywhere; padding: 10px 12px; border: 1px solid var(--cat-border); border-radius: 8px; background: var(--cat-surface-raised); font-size: 12px; font-weight: 650; }
.bk-cat-confirm .bk-cat-confirm-error { margin: 12px 0 0; color: var(--cat-text); }
.bk-cat-confirm-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
.bk-cat-modal,.bk-cat-editor,.bk-cat-type-dialog { border: 1px solid #393939; border-radius: 13px; background: #131313; box-shadow: 0 26px 85px #000b; animation: cat-dialog .34s var(--cat-ease) both; }
.bk-cat-modal { display: flex; flex-direction: column; width: min(100%,760px); max-height: min(92dvh,820px); overflow: hidden; }
.bk-cat-modal>header,.bk-cat-editor-header { display: flex; align-items: center; gap: 12px; min-height: 67px; padding: 13px 20px; border-bottom: 1px solid var(--cat-border); }
.bk-cat-modal>header>div,.bk-cat-editor-heading { flex: 1; min-width: 0; }
.bk-cat-modal h2,.bk-cat-editor-header h1 { margin: 0 0 4px; color: #fff; font-size: 19px; line-height: 1.2; letter-spacing: -.02em; }
.bk-cat-modal header p,.bk-cat-editor-header p { margin: 0; color: var(--cat-muted); font-size: 11px; line-height: 1.3; }
.bk-cat-close { width: 34px; height: 34px; flex: 0 0 34px; min-height: 34px; padding: 0; }
.bk-cat-back { min-height: 34px; padding: 0 10px; }
.bk-cat-modal form,.bk-cat-editor form { display: flex; flex: 1; flex-direction: column; min-height: 0; }
.bk-cat-modal-body { display: grid; gap: 8px; overflow-y: auto; min-height: 0; padding: 13px 20px; }
.bk-cat-field { display: grid; align-content: start; gap: 4px; min-width: 0; color: #e5e5e5; font-size: 11px; font-weight: 650; }
.bk-cat-field small { color: var(--cat-muted); font-size: 10px; font-weight: 400; }
.bk-cat-field textarea { height: 76px; min-height: 62px; resize: vertical; }
.bk-cat-switches { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.bk-cat-switches>label { display: flex; align-items: center; gap: 10px; min-height: 50px; padding: 8px 10px; border: 1px solid var(--cat-border); border-radius: 9px; background: var(--cat-surface-raised); cursor: pointer; transition: border-color .32s var(--cat-ease), background .32s var(--cat-ease); }
.bk-cat-switches>label:hover { background: #232323; border-color: var(--cat-border-strong); }
.bk-cat-switches span { display: grid; gap: 3px; }.bk-cat-switches strong { font-size: 11px; }.bk-cat-switches small { color: var(--cat-muted); font-size: 10px; line-height: 1.25; }
.bk-cat-switches input[type=checkbox] { position: relative; appearance: none; width: 34px; min-width: 34px; height: 19px; margin: 0; border: 1px solid #737373; border-radius: 20px; background: #484848; cursor: pointer; transition: background .32s var(--cat-ease), border-color .32s var(--cat-ease); }
.bk-cat-switches input[type=checkbox]::after { content: ""; position: absolute; top: 2px; left: 2px; width: 13px; height: 13px; border-radius: 50%; background: #f6f6f6; transition: transform .32s var(--cat-ease); }
.bk-cat-switches input[type=checkbox]:checked { background: #d7d7d7; border-color: #d7d7d7; }.bk-cat-switches input[type=checkbox]:checked::after { transform: translateX(15px); background: #232323; }
.bk-cat-upload-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 12px; }
.bk-cat-upload-box { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 112px; padding: 10px; overflow: hidden; border: 1px dashed #5e5e5e; border-radius: 9px; background: #1a1a1a; color: #d9d9d9; text-align: center; cursor: pointer; transition: border-color .32s var(--cat-ease), background .32s var(--cat-ease); }
.bk-cat-upload-box:hover { border-color: #e4e4e4; background: #1f1f1f; }
.bk-cat-upload-grid .bk-cat-upload-box { height: 106px; min-height: 0; }
.bk-cat-upload-box>input[type=file] { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.bk-cat-upload-box>strong { font-size: 11px; font-weight: 650; }.bk-cat-upload-box>small { color: var(--cat-muted); font-size: 10px; }
.bk-cat-upload-box>.bk-cat-svg { color: #aeaeae; }
.bk-cat-upload-box>img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bk-cat-upload-box.has-image>img { opacity: .45; }
.bk-cat-upload-replace { position: relative; z-index: 1; padding: 6px 9px; border: 1px solid #787878; border-radius: 6px; background: #232323; color: #fff; font-size: 10px; }
.bk-cat-advanced { padding: 0; border: 1px solid var(--cat-border); border-radius: 9px; background: var(--cat-surface-raised); color:var(--cat-text); overflow:hidden; }
.bk-cat-advanced summary { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 12px; list-style: none; cursor: pointer; transition: background .32s var(--cat-ease); }
.bk-cat-advanced summary::-webkit-details-marker { display: none; }.bk-cat-advanced summary:hover { background:var(--cat-hover); }
.bk-cat-advanced summary>span { display: grid; flex: 1; gap: 2px; }.bk-cat-advanced summary strong { font-size: 11px; }.bk-cat-advanced summary small { color: var(--cat-muted); font-size: 10px; font-weight: 400; }
.bk-cat-advanced[open] summary>.bk-cat-svg:last-child { transform: rotate(180deg); }.bk-cat-advanced summary>.bk-cat-svg:last-child { transition: transform .32s var(--cat-ease); }
.bk-cat-advanced .bk-cat-field { margin: 0 12px 12px; animation: cat-enter .26s var(--cat-ease) both; }
.bk-cat-modal form>footer { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-height: 60px; padding: 10px 20px; border-top: 1px solid var(--cat-border); background: #171717; }
.bk-cat-form-error { flex: 1; color: #dedede; font-size: 11px; }

.bk-cat-editor { display: flex; flex-direction: column; width: min(100%,1120px); height: auto; max-height: min(90dvh,820px); overflow: hidden; }
.bk-cat-editor-header { flex: 0 0 auto; }
.bk-cat-editor-body { display: grid; align-content: start; gap: 8px; overflow-y: auto; min-height: 0; padding: 11px 20px 13px; }
.bk-cat-save-top { margin-left: auto; }
.bk-cat-tabs { position: sticky; top: -16px; z-index: 2; display: flex; gap: 5px; overflow-x: auto; padding: 4px; border: 1px solid var(--cat-border); border-radius: 9px; background: #1c1c1c; scrollbar-width: thin; scrollbar-color: #444 transparent; }
.bk-cat-tabs [role=tab] { display: inline-flex; align-items: center; justify-content: center; gap: 7px; flex: 1 0 auto; min-height: 38px; padding: 0 12px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--cat-muted); font: inherit; font-size: 11px; font-weight: 650; white-space: nowrap; cursor: pointer; transition: background .32s var(--cat-ease), border-color .32s var(--cat-ease), color .32s var(--cat-ease), transform .32s var(--cat-ease); }
.bk-cat-tabs [role=tab]:hover { color: #fff; background: #282828; }
.bk-cat-tabs [role=tab][aria-selected=true] { border-color: #616161; background: #2d2d2d; color: #fff; }
.bk-cat-tab-content { min-width: 0; }.bk-cat-tab-content>[hidden] { display: none!important; }.bk-cat-tab-content>[data-tab-panel]:not([hidden]) { display: grid; align-content: start; gap: 8px; animation: cat-enter .3s var(--cat-ease) both; }
.bk-cat-section-title { margin-bottom: 2px; padding-bottom: 6px; border-bottom: 1px solid var(--cat-border); }
.bk-cat-section-title h2 { margin: 0; font-size: 13px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }.bk-cat-section-title p { margin: 4px 0 0; color: var(--cat-muted); font-size: 11px; }
.bk-cat-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 8px 12px; }.bk-cat-span-2 { grid-column: 1/-1; }
.bk-cat-form-grid .bk-cat-field textarea { height: 76px; min-height: 62px; }
.bk-cat-info-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 12px; }
.bk-cat-info-column { display: grid; align-content: start; gap: 8px; min-width: 0; }
.bk-cat-info-column textarea { height: 76px; min-height: 62px; }
.bk-cat-input-prefix { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 10px; border: 1px solid var(--cat-border); border-radius: 8px; background: #1b1b1b; color: var(--cat-muted); }
.bk-cat-input-prefix input { min-height: 38px; padding: 0; border: 0; background: transparent; box-shadow: none!important; }
.bk-cat-check-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; padding: 3px 0 0; margin-bottom: 0; }
.bk-cat-check { display: inline-flex; align-items: center; gap: 7px; color: #dedede; font-size: 11px; cursor: pointer; }.bk-cat-check input,.bk-cat-choice input { accent-color: #f5f5f5; }
.bk-cat-check input[type=checkbox],.bk-cat-product-row>input[type=checkbox],.bk-cat-group-heading input[type=checkbox] { appearance: none; position: relative; width: 17px; height: 17px; flex: 0 0 17px; margin: 0; border: 1px solid #575757; border-radius: 5px; background: #1a1a1a; cursor: pointer; transition: background .28s var(--cat-ease), border-color .28s var(--cat-ease); }
.bk-cat-check input[type=checkbox]:checked,.bk-cat-product-row>input[type=checkbox]:checked,.bk-cat-group-heading input[type=checkbox]:checked { border-color: #f0f0f0; background: #f0f0f0; }
.bk-cat-check input[type=checkbox]:checked::after,.bk-cat-product-row>input[type=checkbox]:checked::after,.bk-cat-group-heading input[type=checkbox]:checked::after { content: ''; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #1a1a1a; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.bk-cat-check input[type=checkbox]:focus-visible,.bk-cat-product-row>input[type=checkbox]:focus-visible,.bk-cat-group-heading input[type=checkbox]:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.bk-cat-choice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }.bk-cat-choice { position: relative; display: grid; align-content: start; gap: 5px; min-height: 72px; padding: 10px 36px 10px 12px; border: 1px solid var(--cat-border); border-radius: 9px; background: var(--cat-surface-raised); cursor: pointer; transition: border-color .32s var(--cat-ease), background .32s var(--cat-ease); }
.bk-cat-choice:hover { border-color: var(--cat-border-strong); background: #232323; }.bk-cat-choice input { position: absolute; right: 13px; top: 13px; }.bk-cat-choice strong { font-size: 12px; }.bk-cat-choice small { color: var(--cat-muted); font-size: 10px; line-height: 1.4; }
.bk-cat-product-upload { min-height: 110px; }
.bk-cat-attachment { min-height: 72px; margin-top: 0; }
.bk-cat-variant-list { display: grid; gap: 7px; margin: 3px 0; }.bk-cat-variant-row { display: grid; grid-template-columns: minmax(120px,1fr) minmax(100px,.9fr) minmax(90px,.7fr) minmax(100px,.9fr) 36px; align-items: end; gap: 8px; padding: 8px; border: 1px solid var(--cat-border); border-radius: 9px; background: var(--cat-surface-raised); }
.bk-cat-editor-footer { flex: 0 0 auto; display: flex; align-items: center; min-height: 0; padding: 0 20px; border-top: 1px solid transparent; background: #171717; }.bk-cat-editor-footer:has(.bk-cat-form-error:empty) { display: none; }.bk-cat-editor-footer:not(:has(.bk-cat-form-error:empty)) { min-height: 42px; border-color: var(--cat-border); }
.bk-cat-type-dialog { width: min(100%,460px); padding: 18px; }.bk-cat-type-dialog>header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.bk-cat-type-dialog h2 { margin: 0; font-size: 18px; }.bk-cat-type-dialog p { margin: 6px 0 15px; color: var(--cat-muted); font-size: 11px; }
.bk-cat-type-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.bk-cat-type-card { display: flex; align-items: center; gap: 9px; min-height: 66px; padding: 10px; border: 1px solid var(--cat-border); border-radius: 9px; background: var(--cat-surface-raised); color: var(--cat-text); text-align: left; cursor: pointer; transition: background .32s var(--cat-ease), border-color .32s var(--cat-ease), transform .32s var(--cat-ease); }
.bk-cat-type-card:hover { background: #272727; border-color: #7c7c7c; transform: translateY(-1px); }.bk-cat-type-card>span:last-child { display: grid; gap: 3px; }.bk-cat-type-card strong { font-size: 11px; }.bk-cat-type-card small { color: var(--cat-muted); font-size: 10px; }.bk-cat-type-icon { display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 30px; border-radius: 7px; background: #2d2d2d; }

html[data-bk-theme=light] .bk-cat-screen,
html[data-bk-theme=light] .bk-cat-modal-backdrop,
html[data-bk-theme=light] .bk-cat-editor-backdrop,
html[data-bk-theme=light] .bk-cat-confirm-backdrop {
  --cat-page: #f7f7f7;
  --cat-surface: #fff;
  --cat-surface-raised: #f9f9f9;
  --cat-hover: #f1f1f1;
  --cat-border: #e8e8e8;
  --cat-border-strong: #d0d0d0;
  --cat-text: #1b1b1b;
  --cat-muted: #747474;
}
html[data-bk-theme=light] #dashboard-app .bk-cat-mount { background: #f7f7f7; color: #1b1b1b; }
html[data-bk-theme=light] .bk-cat-heading h1,
html[data-bk-theme=light] .bk-cat-modal h2,
html[data-bk-theme=light] .bk-cat-editor-header h1,
html[data-bk-theme=light] .bk-cat-confirm h2 { color: #1b1b1b; }
html[data-bk-theme=light] .bk-cat-category-list,
html[data-bk-theme=light] .bk-cat-product-group,
html[data-bk-theme=light] .bk-cat-empty,
html[data-bk-theme=light] .bk-cat-modal,
html[data-bk-theme=light] .bk-cat-editor,
html[data-bk-theme=light] .bk-cat-type-dialog,
html[data-bk-theme=light] .bk-cat-confirm { background: #fff; color: #1b1b1b; border-color: #e8e8e8; }
html[data-bk-theme=light] .bk-cat-modal-backdrop,
html[data-bk-theme=light] .bk-cat-editor-backdrop,
html[data-bk-theme=light] .bk-cat-confirm-backdrop { background: #1b1b1b80; }
html[data-bk-theme=light] .bk-cat-module-tabs a { color: #747474; }
html[data-bk-theme=light] .bk-cat-module-tabs a:hover,
html[data-bk-theme=light] .bk-cat-module-tabs a[aria-current=page] { color: #1b1b1b; }
html[data-bk-theme=light] .bk-cat-module-tabs a::after { background: #1b1b1b; }
html[data-bk-theme=light] .bk-cat-search,
html[data-bk-theme=light] .bk-cat-search:focus-within,
html[data-bk-theme=light] .bk-cat-input-prefix,
html[data-bk-theme=light] .bk-cat-screen select,
html[data-bk-theme=light] .bk-cat-field input,
html[data-bk-theme=light] .bk-cat-field select,
html[data-bk-theme=light] .bk-cat-field textarea { background: #fff; color: #1b1b1b; border-color: #e8e8e8; }
html[data-bk-theme=light] .bk-cat-search input { background: transparent; color: #1b1b1b; }
html[data-bk-theme=light] .bk-cat-category-header,
html[data-bk-theme=light] .bk-cat-group-heading { background: #f9f9f9; color: #1b1b1b; }
html[data-bk-theme=light] .bk-cat-category-row,
html[data-bk-theme=light] .bk-cat-product-row { background: #fff; }
html[data-bk-theme=light] .bk-cat-category-row:hover,
html[data-bk-theme=light] .bk-cat-product-row:hover { background: #f9f9f9; }
html[data-bk-theme=light] .bk-cat-group-toggle:hover { color: #1b1b1b; }
html[data-bk-theme=light] .bk-cat-count-pill,
html[data-bk-theme=light] .bk-cat-image,
html[data-bk-theme=light] .bk-cat-variant-row,
html[data-bk-theme=light] .bk-cat-type-icon { background: #f5f5f5; color: #1b1b1b; }
html[data-bk-theme=light] .bk-cat-status,
html[data-bk-theme=light] .bk-cat-product-price,
html[data-bk-theme=light] .bk-cat-product-stock,
html[data-bk-theme=light] .bk-cat-notice,
html[data-bk-theme=light] .bk-cat-error { color: #434343; }
html[data-bk-theme=light] .bk-cat-btn,
html[data-bk-theme=light] .bk-cat-close,
html[data-bk-theme=light] .bk-cat-back { background: #fff; color: #1b1b1b; border-color: #d6d6d6; }
html[data-bk-theme=light] .bk-cat-btn:hover,
html[data-bk-theme=light] .bk-cat-close:hover,
html[data-bk-theme=light] .bk-cat-back:hover { background: #f1f1f1; }
html[data-bk-theme=light] .bk-cat-primary { background: #1b1b1b; color: #fff; border-color: #1b1b1b; }
html[data-bk-theme=light] .bk-cat-primary:hover { background: #434343; color: #fff; border-color: #434343; }
html[data-bk-theme=light] .bk-cat-modal form>footer,
html[data-bk-theme=light] .bk-cat-editor-footer { background: #fff; }
html[data-bk-theme=light] .bk-cat-field { color: #1b1b1b; }
html[data-bk-theme=light] .bk-cat-switches>label,
html[data-bk-theme=light] .bk-cat-upload-box,
html[data-bk-theme=light] .bk-cat-advanced,
html[data-bk-theme=light] .bk-cat-tabs,
html[data-bk-theme=light] .bk-cat-choice,
html[data-bk-theme=light] .bk-cat-type-card,
html[data-bk-theme=light] .bk-cat-confirm-icon,
html[data-bk-theme=light] .bk-cat-confirm-name { background: #f9f9f9; color: #1b1b1b; border-color: #e8e8e8; }
html[data-bk-theme=light] .bk-cat-switches>label:hover,
html[data-bk-theme=light] .bk-cat-upload-box:hover,
html[data-bk-theme=light] .bk-cat-choice:hover,
html[data-bk-theme=light] .bk-cat-type-card:hover { background: #f1f1f1; }
html[data-bk-theme=light] .bk-cat-switches input[type=checkbox] { background: #d6d6d6; border-color: #d6d6d6; }
html[data-bk-theme=light] .bk-cat-switches input[type=checkbox]:checked { background: #434343; border-color: #434343; }
html[data-bk-theme=light] .bk-cat-switches input[type=checkbox]:checked::after { background: #fff; }
html[data-bk-theme=light] .bk-cat-check input[type=checkbox],
html[data-bk-theme=light] .bk-cat-product-row>input[type=checkbox],
html[data-bk-theme=light] .bk-cat-group-heading input[type=checkbox] { background: #fff; border-color: #a4a4a4; }
html[data-bk-theme=light] .bk-cat-check input[type=checkbox]:checked,
html[data-bk-theme=light] .bk-cat-product-row>input[type=checkbox]:checked,
html[data-bk-theme=light] .bk-cat-group-heading input[type=checkbox]:checked { background: #1b1b1b; border-color: #1b1b1b; }
html[data-bk-theme=light] .bk-cat-check input[type=checkbox]:checked::after,
html[data-bk-theme=light] .bk-cat-product-row>input[type=checkbox]:checked::after,
html[data-bk-theme=light] .bk-cat-group-heading input[type=checkbox]:checked::after { border-color: #fff; }
html[data-bk-theme=light] .bk-cat-tabs [role=tab] { color: #747474; }
html[data-bk-theme=light] .bk-cat-tabs [role=tab]:hover,
html[data-bk-theme=light] .bk-cat-tabs [role=tab][aria-selected=true] { background: #f1f1f1; color: #1b1b1b; border-color: #d6d6d6; }
html[data-bk-theme=light] .bk-cat-choice strong,
html[data-bk-theme=light] .bk-cat-check,
html[data-bk-theme=light] .bk-cat-upload-box>strong,
html[data-bk-theme=light] .bk-cat-advanced strong,
html[data-bk-theme=light] .bk-cat-type-card strong { color: #1b1b1b; }
html[data-bk-theme=light] .bk-cat-skeleton-row { background: #fff; }
html[data-bk-theme=light] .bk-cat-skeleton-row i,
html[data-bk-theme=light] .bk-cat-skeleton-row b,
html[data-bk-theme=light] .bk-cat-skeleton-row em { background: #e8e8e8; }

.bk-cat-btn:focus-visible,.bk-cat-back:focus-visible,.bk-cat-close:focus-visible,.bk-cat-module-tabs a:focus-visible,.bk-cat-tabs [role=tab]:focus-visible,.bk-cat-switches input:focus-visible { outline: 2px solid #e9e9e9; outline-offset: 2px; }
@keyframes cat-enter { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
@keyframes cat-dialog { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes cat-backdrop { from { opacity: 0; } to { opacity: 1; } }
@keyframes cat-pulse { 50% { opacity: .46; } }

@media(max-width:900px) {
  #dashboard-app .bk-cat-mount { padding: 16px; }
  .bk-cat-category-header,.bk-cat-category-row { grid-template-columns: 22px minmax(120px,1fr) 94px 58px 100px; gap: 7px; padding-inline: 9px; }
  .bk-cat-product-row { grid-template-columns: 18px 36px minmax(80px,1fr) 82px 45px 72px 90px; gap: 7px; padding-inline: 9px; }
}
@media(max-width:640px) {
  #dashboard-app .bk-cat-mount { padding: 13px 11px 26px; }
  .bk-cat-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .bk-cat-heading h1 { font-size: 25px; }.bk-cat-heading p { font-size: 11px; }
  .bk-cat-heading-actions { justify-content: flex-start; width: 100%; }
  .bk-cat-workspace { padding: 0 10px 12px; }
  .bk-cat-module-tabs { gap: 5px; height: 44px; margin-bottom: 12px; }.bk-cat-module-tabs a { height: 44px; padding-inline: 8px; font-size: 11px; }
  .bk-cat-toolbar { flex-wrap: wrap; gap: 7px; }.bk-cat-search { flex-basis: 100%; }.bk-cat-toolbar>.bk-cat-select { flex: 1 1 100px; max-width: none; min-width: 0; }.bk-cat-count { font-size: 10px; }
  .bk-cat-skeleton-row { gap: 8px; padding-inline: 8px; }.bk-cat-skeleton-row>b { display: none; }
  .bk-cat-category-list { overflow: visible; border: 0; background: transparent; }.bk-cat-category-header { display: none; }
  .bk-cat-category-row { grid-template-columns: 18px minmax(0,1fr) auto; gap: 7px; min-height: 0; padding: 9px; border: 1px solid var(--cat-border); border-radius: 8px; background: #171717; }
  .bk-cat-category-row>.bk-cat-drag { grid-column: 1; grid-row: 1; }
  .bk-cat-category-row>.bk-cat-category-name { grid-column: 2 / -1; grid-row: 1; }
  .bk-cat-category-row>.bk-cat-count-pill { grid-column: 2; grid-row: 2; justify-self: start; }
  .bk-cat-category-row>.bk-cat-status { grid-column: 3; grid-row: 2; }
  .bk-cat-category-row>.bk-cat-row-actions { grid-column: 2 / -1; grid-row: 3; justify-content: flex-end; }
  .bk-cat-category-name { gap: 6px; }.bk-cat-category-name .bk-cat-image { width: 34px; height: 34px; flex-basis: 34px; }.bk-cat-category-name strong { font-size: 11px; }
  .bk-cat-product-row { grid-template-columns: 17px 33px minmax(0,1fr); gap: 7px; min-height: 0; }
  .bk-cat-product-row .bk-cat-image { width: 33px; height: 33px; flex-basis: 33px; }
  .bk-cat-product-row>input[type=checkbox] { grid-column: 1; grid-row: 1; }
  .bk-cat-product-row>.bk-cat-image { grid-column: 2; grid-row: 1; }
  .bk-cat-product-row>.bk-cat-product-title { grid-column: 3; grid-row: 1; }
  .bk-cat-product-price { grid-column: 3; grid-row: 2; }.bk-cat-product-stock { grid-column: 2; grid-row: 2; }
  .bk-cat-product-row>.bk-cat-status { grid-column: 3; grid-row: 3; justify-self: start; }
  .bk-cat-product-row>.bk-cat-row-actions { grid-column: 2 / -1; grid-row: 4; justify-content: flex-end; }
  .bk-cat-bulkbar { justify-content: flex-start; }.bk-cat-bulkbar>.bk-cat-select { flex: 1 1 100px; min-width: 100px; }.bk-cat-bulkbar>.bk-cat-btn { min-width: 100%; }
  .bk-cat-modal-backdrop,.bk-cat-editor-backdrop,.bk-cat-confirm-backdrop { padding: 8px; }
  .bk-cat-modal { width: 100%; max-height: 96dvh; }.bk-cat-modal>header,.bk-cat-modal-body,.bk-cat-modal form>footer { padding-inline: 13px; }
  .bk-cat-switches { grid-template-columns: 1fr; gap: 7px; }.bk-cat-switches>label { min-height: 46px; }
  .bk-cat-upload-grid { grid-template-columns: 1fr; gap: 9px; }.bk-cat-upload-grid .bk-cat-upload-box { height: 94px; }
  .bk-cat-editor-backdrop { padding: 0; }.bk-cat-editor { width: 100%; height: 100dvh; max-height: 100dvh; border-radius: 0; }
  .bk-cat-editor-header { gap: 7px; padding: 9px; }.bk-cat-editor-header h1 { font-size: 15px; }.bk-cat-editor-header p { overflow: hidden; max-width: 150px; text-overflow: ellipsis; white-space: nowrap; }.bk-cat-back { width: 34px; flex: 0 0 34px; padding: 0; }.bk-cat-back span { display: none; }
  .bk-cat-save-top { padding: 0 8px; font-size: 10px; }.bk-cat-editor-body { gap: 7px; padding: 9px 10px 12px; }.bk-cat-tabs { top: -9px; scroll-snap-type: x mandatory; }.bk-cat-tabs [role=tab] { scroll-snap-align: start; }
  .bk-cat-modal-body { gap: 7px; padding-block: 10px; }
  .bk-cat-form-grid,.bk-cat-choice-grid,.bk-cat-info-grid { grid-template-columns: 1fr; gap: 8px; }.bk-cat-info-column { gap: 7px; }.bk-cat-span-2 { grid-column: auto; }
  .bk-cat-variant-row { grid-template-columns: repeat(2,minmax(0,1fr)); }.bk-cat-variant-row .bk-cat-small { grid-column: 2; justify-self: end; }
  .bk-cat-type-options { grid-template-columns: 1fr; }
}
@media(prefers-reduced-motion:reduce) {
  .bk-cat-screen,.bk-cat-results,.bk-cat-modal,.bk-cat-editor,.bk-cat-type-dialog,.bk-cat-confirm,.bk-cat-modal-backdrop,.bk-cat-editor-backdrop,.bk-cat-confirm-backdrop,.bk-cat-tab-content>[data-tab-panel]:not([hidden]) { animation: none!important; }
  .bk-cat-screen *, .bk-cat-modal-backdrop *, .bk-cat-editor-backdrop *, .bk-cat-confirm-backdrop * { transition-duration: .01ms!important; scroll-behavior: auto!important; }
}

.bk-cat-filter-wrap { position: relative; flex: 0 0 auto; }
.bk-cat-filter-button { display: inline-flex; align-items: center; gap: 8px; }
.bk-cat-filter-popover { position: absolute; z-index: 1200; top: calc(100% + 8px); left: 0; width: min(300px, calc(100vw - 32px)); display: grid; gap: 8px; padding: 12px; border: 1px solid var(--cat-border); border-radius: 12px; background: var(--cat-surface); box-shadow: 0 18px 42px #0009; }
.bk-cat-filter-popover>strong { color: var(--cat-text); font-size: 13px; }
.bk-cat-filter-popover>small { margin-top: -6px; color: var(--cat-muted); font-size: 11px; }
.bk-cat-filter-popover .bk-cat-select { width: 100%; }
.bk-cat-row-menu-wrap { position: relative; }
.bk-cat-row-menu { position: absolute; z-index: 1200; right: 0; top: calc(100% + 6px); width: 190px; display: grid; gap: 2px; padding: 5px; border: 1px solid var(--cat-border); border-radius: 11px; background: var(--cat-surface); box-shadow: 0 16px 38px #0009; }
.bk-cat-row-menu>button { display: flex; align-items: center; gap: 9px; width: 100%; min-height: 34px; padding: 7px 9px; border: 0; border-radius: 7px; background: transparent; color: var(--cat-text); text-align: left; font: inherit; font-size: 11px; cursor: pointer; }
.bk-cat-row-menu>button:hover,.bk-cat-row-menu>button:focus-visible { outline: 0; background: var(--cat-hover); }
.bk-cat-bulk-price { width: 112px; min-height: 36px; box-sizing: border-box; padding: 0 10px; border: 1px solid var(--cat-border); border-radius: 9px; background: var(--cat-surface-raised); color: var(--cat-text); font: inherit; }
html[data-bk-theme=dark] .bk-cat-filter-popover,html[data-bk-theme=dark] .bk-cat-row-menu { background: #141414; border-color: #343434; box-shadow: 0 18px 42px #000b; }
html[data-bk-theme=dark] .bk-cat-filter-popover>button,html[data-bk-theme=dark] .bk-cat-row-menu>button { color: #f3f3f3; }
html[data-bk-theme=dark] .bk-cat-filter-popover>button:hover,html[data-bk-theme=dark] .bk-cat-row-menu>button:hover { background: #262626; }
html[data-bk-theme=dark] .bk-cat-bulk-price { background: #171717; border-color: #3b3b3b; color: #f3f3f3; }
html[data-bk-theme=dark] .bk-cat-btn:focus-visible,html[data-bk-theme=dark] .bk-cat-select-trigger:focus-visible { outline-color: #f5f5f5; }
@media (max-width: 640px) { .bk-cat-filter-popover { position: fixed; top: auto; left: 16px; right: 16px; bottom: 16px; width: auto; } .bk-cat-bulk-price { flex: 1 1 110px; } }
.bk-cat-stock-manager { display: grid; gap: 10px; margin-top: 12px; padding: 12px; border: 1px solid var(--cat-border); border-radius: 10px; background: var(--cat-surface-raised); }
.bk-cat-stock-manager-head,.bk-cat-stock-manager-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.bk-cat-stock-manager-head>div { display: grid; gap: 3px; color: var(--cat-text); font-size: 12px; }
.bk-cat-stock-manager-head small,.bk-cat-stock-manager-foot small { color: var(--cat-muted); font-size: 10px; }
.bk-cat-stock-manager textarea { width: 100%; min-height: 150px; resize: vertical; padding: 10px; border: 1px solid var(--cat-border); border-radius: 8px; background: #111111; color: #f5f5f5; font: 12px/1.5 ui-monospace,Consolas,monospace; }
.bk-cat-stock-manager textarea:focus { outline: 1px solid #ddd; }
.bk-cat-stock-manager-foot { justify-content: flex-start; flex-wrap: wrap; }
.bk-cat-stock-message { margin: 0; padding: 8px 10px; border: 1px solid var(--cat-border-strong); border-radius: 7px; color: var(--cat-text); font-size: 11px; }

/* Reference composition: full-page product editing and narrow category dialogs. */
#dashboard-app .bk-cat-mount { padding: 20px 24px 28px; background: #101010; }
.bk-cat-screen,.bk-cat-modal-backdrop,.bk-cat-editor-backdrop,.bk-cat-confirm-backdrop { --cat-page:#101010; --cat-surface:#101010; --cat-surface-raised:#161616; --cat-hover:#202020; --cat-border:#272727; --cat-border-strong:#454545; --cat-text:#f5f5f5; --cat-muted:#858585; }
.bk-cat-heading { margin:24px 0 10px; align-items:center; }
.bk-cat-heading h1 { font-size:20px; font-weight:650; letter-spacing:-.025em; }
.bk-cat-heading p { font-size:11px; margin-top:3px; }
.bk-cat-btn { min-height:32px; height:32px; padding:0 12px; border-radius:8px; font-size:11px; font-weight:600; gap:7px; }
.bk-cat-workspace { padding:0; border:0; border-radius:0; background:transparent!important; box-shadow:none; }
.bk-cat-module-tabs { width:max-content; max-width:100%; padding:4px; gap:4px; border:1px solid var(--cat-border); border-radius:11px; margin:0; }
.bk-cat-module-tabs a { padding:7px 12px; min-height:31px; border:0; border-radius:7px; font-size:12px; color:var(--cat-muted); }
.bk-cat-module-tabs a[aria-current=page] { background:#242424; color:#fff; border:0; }
.bk-cat-toolbar { justify-content:flex-start; padding:10px 0 12px; gap:8px; border-top:1px solid var(--cat-border); }
.bk-cat-toolbar>.bk-cat-search { flex:0 1 250px; width:250px; }
.bk-cat-search { height:39px; min-height:39px; padding:0 10px; background:transparent; border-color:var(--cat-border); border-radius:9px; }
.bk-cat-select-trigger { min-height:39px; height:39px; background:var(--cat-surface); border-color:var(--cat-border); border-radius:9px; font-size:12px; font-weight:500; }
.bk-cat-filter-button { height:37px; width:37px; padding:0; border:1px solid var(--cat-border); background:transparent; }
.bk-cat-count { font-size:10px; }
.bk-cat-product-groups { gap:10px; }
.bk-cat-product-group { overflow:visible; border-color:var(--cat-border); background:var(--cat-surface); border-radius:11px; padding:0 10px 10px; }
.bk-cat-product-group:has(.bk-cat-group-toggle[aria-expanded=false]) { padding-bottom:0; }
.bk-cat-group-heading { min-height:43px; padding:0 2px; border:0; background:transparent; gap:7px; }
.bk-cat-group-toggle { gap:9px; }
.bk-cat-group-toggle strong { font-size:12px; font-weight:650; }
.bk-cat-group-toggle>span:last-child { margin-left:auto; padding:3px 7px; border:1px solid var(--cat-border); border-radius:12px; font-size:9px; }
.bk-cat-group-edit { height:25px; min-height:25px; width:25px; padding:0; }
.bk-cat-product-row { position:relative; grid-template-columns:18px minmax(0,1fr) auto 32px; gap:12px; min-height:58px; margin:0; padding:10px 14px; border:1px solid #202020; border-radius:10px; background:transparent; }
.bk-cat-product-row+.bk-cat-product-row { margin-top:7px; }
.bk-cat-product-row:last-child { border-bottom:1px solid var(--cat-border); }
.bk-cat-product-title { gap:4px; }
.bk-cat-product-title small { display:flex; gap:9px; align-items:center; font-size:9px; }
.bk-cat-product-title .bk-cat-product-price { color:#ddd; font-size:10px; font-weight:600; }
.bk-cat-product-stock { border:1px solid #3a3a3a; border-radius:7px; padding:3px 7px; font-size:10px; }
.bk-cat-row-actions { gap:5px; }
.bk-cat-row-menu { z-index:30; width:190px; background:#111; border-color:#333; }
.bk-cat-row-menu button { min-height:31px; padding:7px 10px; font-size:11px; }
.bk-cat-bulkbar { display:none; }
.bk-cat-bulkbar.is-open { display:flex; }
.bk-cat-bulk-menu { position:absolute; top:calc(100% + 6px); right:0; z-index:25; width:230px; padding:7px; border:1px solid var(--cat-border); border-radius:10px; background:#111; box-shadow:0 12px 30px #0008; }
.bk-cat-bulk-menu button { display:flex; align-items:center; width:100%; gap:10px; min-height:32px; padding:7px 9px; background:transparent; color:#ccc; border:0; border-radius:6px; font-family:inherit; font-size:11px; font-weight:500; line-height:1.3; text-align:left; cursor:pointer; }
.bk-cat-bulk-menu button:hover { background:#242424; color:#fff; }
.bk-cat-heading-actions { position:relative; }
.bk-cat-heading-actions>.bk-cat-primary { order:2; }
.bk-cat-heading-actions>[data-action=refresh] { display:none; }
.bk-cat-product-title small>span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:150px; }
.bk-cat-filter-popover { background:#111; border-color:#2b2b2b; }
.bk-cat-product-page .bk-cat-panel-body>[data-stock-text] { display:grid; gap:10px; }
.bk-cat-product-page .bk-cat-panel-body>[data-stock-lines] { min-width:0; }
.bk-cat-product-page [name=initialCodes][hidden],.bk-cat-product-page [name=faq][hidden] { display:none!important; }
.bk-cat-product-page input[hidden] { display:none!important; }
.bk-cat-screen [hidden] { display:none!important; }
.bk-cat-module-tabs a:after { display:none!important; }
.bk-cat-delivery-upload { height:175px; background:transparent; border-color:#2b2b2b; }
.bk-cat-delivery-upload strong { max-width:100%; overflow-wrap:anywhere; font-weight:500; }
.bk-cat-attachment-url { color:var(--cat-muted); font-size:10px; }
.bk-cat-attachment-url summary { cursor:pointer; }
.bk-cat-attachment-url .bk-cat-field { margin-top:8px; }
[data-attachment-message] { font-size:10px; color:var(--cat-muted); margin:0; line-height:1.4; }
.bk-cat-sales-dialog { width:min(100%,650px); }
.bk-cat-sales-rows>a { display:grid; grid-template-columns:minmax(0,1fr) 100px 100px; gap:12px; align-items:center; padding:10px 0; border-bottom:1px solid var(--cat-border); color:var(--cat-text); font-size:12px; text-decoration:none; }
.bk-cat-sales-rows>a>span:first-child { display:grid; gap:4px; }
.bk-cat-sales-rows small,.bk-cat-sales-pagination small { color:var(--cat-muted); font-size:10px; }
.bk-cat-sales-pagination { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.bk-cat-type-field { max-width:270px; }
.bk-cat-product-page [data-tab-panel=geral] { border:1px solid var(--cat-border); border-radius:11px; padding:15px 13px; }
html[data-bk-theme=light] .bk-cat-product-page .bk-cat-panel,html[data-bk-theme=light] .bk-cat-product-page .bk-cat-editor { background:var(--cat-surface); }
html[data-bk-theme=light] .bk-cat-product-page .bk-cat-tabs [aria-selected=true] { color:#111; border-color:#111; }
html[data-bk-theme=light] .bk-cat-product-page .bk-cat-field { color:#333; }
html[data-bk-theme=light] .bk-cat-product-page .bk-cat-field input,html[data-bk-theme=light] .bk-cat-product-page .bk-cat-field textarea { color:#111; background:#fff; }
html[data-bk-theme=light] .bk-cat-product-group,html[data-bk-theme=light] .bk-cat-module-tabs a[aria-current=page],html[data-bk-theme=light] .bk-cat-section-order>div,html[data-bk-theme=light] .bk-cat-delivery-options>label:has(input:checked),html[data-bk-theme=light] .bk-cat-stock-table>header { background:#f5f5f5; color:#111; }
html[data-bk-theme=light] .bk-cat-bulk-menu,html[data-bk-theme=light] .bk-cat-filter-popover,html[data-bk-theme=light] .bk-cat-modal { background:#fff; color:#111; }
html[data-bk-theme=light] .bk-cat-bulk-menu button { color:#333; }
html[data-bk-theme=light] .bk-cat-bulk-menu button:hover { background:#eee; color:#111; }
.bk-cat-product-page.bk-cat-editor-backdrop { position:relative; inset:auto; z-index:auto; display:block; padding:0; overflow:visible; background:transparent; animation:none; }
.bk-cat-product-page .bk-cat-editor { width:100%; height:auto; max-height:none; overflow:visible; border:0; border-radius:0; box-shadow:none; background:transparent; animation:none; }
.bk-cat-product-page .bk-cat-editor-header { min-height:44px; padding:0; margin:0 0 13px; border:0; gap:10px; }
.bk-cat-product-page .bk-cat-editor-header h1 { margin:0; font-size:20px; line-height:1.3; font-weight:650; overflow-wrap:anywhere; }
.bk-cat-product-page .bk-cat-back { width:32px; height:32px; min-width:32px; min-height:32px; padding:0; display:grid; place-items:center; background:transparent; border-color:var(--cat-border); border-radius:8px; }
.bk-cat-product-page .bk-cat-editor-body { padding:0; gap:14px; overflow:visible; }
.bk-cat-product-page .bk-cat-tabs { position:static; display:flex; align-items:center; justify-content:flex-start; gap:3px; padding:0; min-height:38px; background:transparent; border:0; border-bottom:1px solid var(--cat-border); border-radius:0; }
.bk-cat-product-page .bk-cat-tabs [role=tab] { flex:0 0 auto; min-width:0; padding:9px 12px; min-height:38px; border:0; border-bottom:1px solid transparent; border-radius:0; background:transparent; color:var(--cat-muted); font-size:12px; font-weight:500; }
.bk-cat-product-page .bk-cat-tabs [aria-selected=true] { color:#fff; border-color:#fff; background:transparent; box-shadow:none; }
.bk-cat-product-page .bk-cat-tab-content>[data-tab-panel]:not([hidden]) { display:grid; gap:12px; animation:cat-enter .18s ease both; }
.bk-cat-product-page .bk-cat-section-title { display:none; }
.bk-cat-layout-main-aside { display:grid; grid-template-columns:minmax(0,1fr) 300px; align-items:start; gap:16px; }
.bk-cat-layout-main-aside>aside { display:grid; gap:11px; min-width:0; }
.bk-cat-panel { min-width:0; border:1px solid var(--cat-border); border-radius:11px; overflow:hidden; background:var(--cat-surface); }
.bk-cat-panel>header { display:flex; align-items:center; justify-content:space-between; min-height:34px; padding:9px 12px; border-bottom:0; gap:10px; }
.bk-cat-panel h2 { margin:0; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:-.02em; }
.bk-cat-panel header p,.bk-cat-panel-help { margin:3px 0 0; color:var(--cat-muted); font-size:11px; line-height:1.55; font-weight:400; }
.bk-cat-panel-body { display:grid; gap:15px; padding:13px 12px; }
.bk-cat-product-page .bk-cat-field { gap:5px; font-size:11px; font-weight:500; color:#e2e2e2; min-width:0; }
.bk-cat-product-page .bk-cat-field input,.bk-cat-product-page .bk-cat-field textarea { background:transparent; border-color:var(--cat-border); border-radius:8px; font-size:12px; font-weight:400; color:var(--cat-text); }
.bk-cat-product-page .bk-cat-field input { height:39px; min-height:39px; }
.bk-cat-product-page .bk-cat-field textarea { height:94px; min-height:70px; padding:10px; }
.bk-cat-product-page .bk-cat-form-grid { gap:12px 16px; }
.bk-cat-product-page .bk-cat-check-row { margin:0; gap:15px; padding:0; }
.bk-cat-switch-row { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:35px; cursor:pointer; }
.bk-cat-switch-row>span { display:grid; gap:4px; }
.bk-cat-switch-row strong { font-size:12px; font-weight:600; }
.bk-cat-switch-row small { color:var(--cat-muted); font-size:11px; line-height:1.4; }
.bk-cat-switch-row input[type=checkbox] { appearance:none; position:relative; width:32px; min-width:32px; height:18px; border:0; margin:0; border-radius:18px; background:#333; cursor:pointer; }
.bk-cat-switch-row input[type=checkbox]:after { content:""; position:absolute; top:2px; left:2px; width:14px; height:14px; border-radius:50%; background:#fff; transition:transform .15s ease; }
.bk-cat-switch-row input[type=checkbox]:checked { background:#e5e5e5; }
.bk-cat-switch-row input[type=checkbox]:checked:after { transform:translateX(14px); background:#222; }
.bk-cat-quantity { max-width:150px; padding:12px 0; }
.bk-cat-stock-segments { display:flex; gap:3px; padding:3px; border:1px solid var(--cat-border); border-radius:10px; }
.bk-cat-stock-segments button { height:30px; padding:0 14px; border:0; border-radius:7px; background:transparent; color:var(--cat-muted); font-family:inherit; font-size:11px; font-weight:500; cursor:pointer; }
.bk-cat-stock-segments button[aria-pressed=true] { background:#f5f5f5; color:#111; }
.bk-cat-stock-toolbar { display:flex; align-items:center; gap:8px; padding:8px 0 10px; flex-wrap:wrap; }
.bk-cat-stock-toolbar>div { display:flex; gap:8px; align-items:center; margin-right:auto; }
.bk-cat-stock-toolbar strong { font-size:12px; }
.bk-cat-stock-toolbar small { padding:3px 6px; border-radius:9px; background:#252525; color:#fff!important; font-size:9px; }
.bk-cat-stock-search { max-width:288px; margin-bottom:12px; }
.bk-cat-stock-table { border:1px solid var(--cat-border); border-radius:8px; overflow:hidden; }
.bk-cat-stock-table>header { display:flex; align-items:center; justify-content:space-between; padding:9px 10px; background:#161616; border-bottom:1px solid var(--cat-border); font-size:10px; }
.bk-cat-stock-empty { display:grid; justify-items:center; gap:8px; padding:28px 12px; min-height:165px; text-align:center; color:var(--cat-muted); }
.bk-cat-stock-empty strong { color:var(--cat-text); font-size:12px; font-weight:500; }
.bk-cat-stock-empty small { max-width:300px; font-size:11px; line-height:1.5; }
.bk-cat-stock-line { display:flex; align-items:center; gap:10px; min-height:35px; padding:8px 10px; border-bottom:1px solid var(--cat-border); }
.bk-cat-stock-line code { font-size:11px; overflow-wrap:anywhere; }
[data-stock-rows] { max-height:310px; overflow:auto; }
.bk-cat-stock-tools { display:flex; justify-content:flex-end; gap:18px; padding-top:12px; }
.bk-cat-text-button { display:flex; gap:6px; align-items:center; padding:3px; color:var(--cat-muted); background:transparent; border:0; font-family:inherit; font-size:10px; font-weight:500; cursor:pointer; }
.bk-cat-text-button:hover { color:var(--cat-text); }
.bk-cat-section-order { display:grid; gap:7px; }
.bk-cat-section-order>div { display:flex; gap:10px; align-items:center; min-height:40px; padding:8px 10px; border:1px solid var(--cat-border); border-radius:8px; background:#151515; font-size:12px; cursor:grab; }
.bk-cat-section-order small,.bk-cat-section-order svg { color:var(--cat-muted); font-size:10px; }
.bk-cat-section-order button { display:grid; place-items:center; margin-left:auto; border:0; background:transparent; color:var(--cat-muted); cursor:pointer; }
.bk-cat-section-order button svg { transform:rotate(180deg); }
.bk-cat-faq-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px; gap:12px; align-items:start; padding-bottom:12px; }
.bk-cat-faq-row+.bk-cat-faq-row { border-top:1px solid var(--cat-border); padding-top:12px; }
.bk-cat-panel-body>.bk-cat-btn { justify-self:start; }
.bk-cat-delivery-options { display:grid; overflow:hidden; border:1px solid var(--cat-border); border-radius:8px; }
.bk-cat-delivery-options>label { display:flex; align-items:center; gap:11px; min-height:59px; padding:11px 13px; cursor:pointer; }
.bk-cat-delivery-options>label+label { border-top:1px solid var(--cat-border); }
.bk-cat-delivery-options>label:has(input:checked) { background:#1a1a1a; }
.bk-cat-delivery-options>label>span:nth-child(2) { flex:1; display:grid; gap:4px; }
.bk-cat-delivery-options strong,.bk-cat-config-row strong { font-size:12px; font-weight:600; }
.bk-cat-delivery-options small,.bk-cat-config-row small { color:var(--cat-muted); font-size:11px; line-height:1.4; }
.bk-cat-function-icon { display:grid; place-items:center; width:30px; height:30px; flex:0 0 30px; border-radius:8px; background:#1c1c1c; color:#bbb; }
.bk-cat-delivery-summary { margin:10px 0 0; padding-top:9px; border-top:1px solid var(--cat-border); color:var(--cat-muted); font-size:11px; }
.bk-cat-config-row { display:flex; gap:11px; align-items:center; padding:13px 12px; }
.bk-cat-config-row>div { flex:1; display:grid; gap:4px; }
.bk-cat-rich-editor { border:1px solid var(--cat-border); border-radius:6px; overflow:hidden; }
.bk-cat-rich-toolbar { display:flex; gap:0; border-bottom:1px solid var(--cat-border); }
.bk-cat-rich-toolbar button { display:grid; place-items:center; width:36px; height:32px; border:0; border-right:1px solid var(--cat-border); background:transparent; color:#bbb; cursor:pointer; }
.bk-cat-rich-toolbar button:hover { background:#262626; color:#fff; }
.bk-cat-rich-content { min-height:190px; padding:12px; outline:none; color:var(--cat-text); font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.bk-cat-rich-content img { max-width:100%; height:auto; }
.bk-cat-rich-content a { color:inherit; text-decoration:underline; }
.bk-cat-rich-content p { margin:0 0 8px; }
.bk-cat-rich-toolbar { overflow-x:auto; }
.bk-cat-rich-toolbar button { flex:0 0 36px; }
.bk-cat-product-page .bk-cat-rich-editor textarea { border:0; border-radius:0; height:190px; min-height:100px; }
.bk-cat-product-page .bk-cat-editor-footer { margin-top:12px; padding:8px 0; background:transparent; }
.bk-cat-product-page [hidden],.bk-cat-modal [hidden] { display:none!important; }
.bk-cat-modal { width:min(100%,404px); max-height:92dvh; background:#111; border:0; border-radius:15px; }
.bk-cat-modal>header { padding:20px 22px; min-height:58px; border:0; gap:10px; }
.bk-cat-modal h2 { font-size:17px; font-weight:500; margin:0; }
.bk-cat-modal header p { display:none; }
.bk-cat-modal-body { gap:12px; padding:12px 22px 16px; }
.bk-cat-modal .bk-cat-field { gap:7px; font-size:12px; font-weight:500; }
.bk-cat-modal .bk-cat-field input { height:40px; min-height:40px; background:transparent; border-color:var(--cat-border); font-size:12px; font-weight:400; }
.bk-cat-modal .bk-cat-switches { grid-template-columns:1fr; gap:9px; }
.bk-cat-modal .bk-cat-switches>label { padding:0; min-height:32px; border:0; background:transparent; gap:14px; }
.bk-cat-modal .bk-cat-switches input { order:2; margin-left:auto; width:32px; min-width:32px; height:18px; }
.bk-cat-modal .bk-cat-switches input:after { height:12px; width:12px; top:2px; left:2px; }
.bk-cat-modal .bk-cat-switches input:checked:after { transform:translateX(14px); }
.bk-cat-modal .bk-cat-switches strong { font-size:11px; font-weight:500; }
.bk-cat-modal .bk-cat-switches small { font-size:10px; line-height:1.45; }
.bk-cat-modal .bk-cat-upload-grid { gap:10px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.bk-cat-modal .bk-cat-upload-box { height:98px; min-height:98px; border-color:#292929; background:transparent; border-radius:8px; }
.bk-cat-modal .bk-cat-upload-box strong { font-size:10px; color:var(--cat-muted); font-weight:400; }
.bk-cat-modal .bk-cat-upload-grid .bk-cat-field>small { display:none; }
.bk-cat-modal .bk-cat-advanced { border:0; background:transparent; }
.bk-cat-modal .bk-cat-advanced summary { min-height:32px; padding:0; gap:6px; }
.bk-cat-modal .bk-cat-advanced summary strong { font-weight:400; }
.bk-cat-modal .bk-cat-advanced summary>svg:first-child { width:13px; height:13px; }
.bk-cat-modal .bk-cat-advanced summary small { font-size:9px; margin-top:3px; }
.bk-cat-modal .bk-cat-advanced .bk-cat-field { margin:10px 0 0; }
.bk-cat-modal form>footer { gap:8px; min-height:63px; padding:10px 22px 18px; background:transparent; border:0; }
.bk-cat-category-delete { margin-right:auto; background:#222; color:#ddd; }
.bk-cat-check input[type=checkbox],.bk-cat-product-row input[type=checkbox],.bk-cat-group-heading input[type=checkbox],.bk-cat-stock-line input[type=checkbox] { appearance:none; width:15px; min-width:15px; height:15px; border:1px solid #404040; border-radius:4px; margin:0; background:transparent; cursor:pointer; }
.bk-cat-check input[type=checkbox]:checked,.bk-cat-product-row input[type=checkbox]:checked,.bk-cat-group-heading input[type=checkbox]:checked,.bk-cat-stock-line input[type=checkbox]:checked { background:#fff; border-color:#fff; box-shadow:inset 0 0 0 3px #111; }
.bk-cat-product-page input[type=radio] { accent-color:#fff; width:14px; height:14px; }
.bk-cat-product-page :focus-visible,.bk-cat-modal :focus-visible { outline:1px solid #ddd; outline-offset:2px; }
@media(max-width:1000px) {
  .bk-cat-layout-main-aside { grid-template-columns:minmax(0,1fr) 250px; gap:12px; }
}
@media(max-width:740px) {
  #dashboard-app .bk-cat-mount { padding:14px 12px 24px; }
  .bk-cat-layout-main-aside { grid-template-columns:1fr; }
  .bk-cat-layout-main-aside>aside { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bk-cat-product-page .bk-cat-editor-header h1 { font-size:17px; }
  .bk-cat-product-page .bk-cat-tabs { overflow-x:auto; white-space:nowrap; }
  .bk-cat-product-page .bk-cat-tabs [role=tab] { padding-inline:10px; }
  .bk-cat-product-row { grid-template-columns:15px minmax(0,1fr) auto 30px; gap:8px; padding:10px; }
  .bk-cat-product-title { grid-column:auto; grid-row:auto; }
  .bk-cat-product-stock { grid-column:auto; grid-row:auto; }
  .bk-cat-product-row .bk-cat-row-actions { grid-column:auto; grid-row:auto; }
  .bk-cat-heading { margin-top:18px; flex-wrap:wrap; gap:10px; }
}
@media(max-width:480px) {
  .bk-cat-layout-main-aside>aside { grid-template-columns:1fr; }
  .bk-cat-product-page .bk-cat-editor-header { flex-wrap:wrap; }
  .bk-cat-save-top { margin-left:auto; }
  .bk-cat-product-page .bk-cat-editor-heading { flex:1; }
  .bk-cat-faq-row { grid-template-columns:minmax(0,1fr) 32px; }
  .bk-cat-faq-row .bk-cat-field { grid-column:1; }
  .bk-cat-faq-row button { grid-column:2; grid-row:1; }
  .bk-cat-modal>header,.bk-cat-modal-body,.bk-cat-modal form>footer { padding-inline:20px; }
  .bk-cat-toolbar>.bk-cat-search { flex:1; width:auto; }
  .bk-cat-toolbar>.bk-cat-count { display:none; }
  .bk-cat-product-row .bk-cat-product-stock { font-size:9px; max-width:75px; }
  .bk-cat-product-page .bk-cat-editor-header { display:grid; grid-template-columns:32px minmax(0,1fr); gap:9px; }
  .bk-cat-product-page .bk-cat-editor-heading { min-width:0; }
  .bk-cat-product-page .bk-cat-editor-heading h1 { overflow-wrap:normal; word-break:normal; }
  .bk-cat-product-page .bk-cat-save-top { grid-column:1/-1; justify-self:end; margin:0; font-size:11px; }
  .bk-cat-panel>header { flex-wrap:wrap; }
  .bk-cat-stock-segments { margin-left:auto; }
}
@media(max-width:600px) {
  #dashboard-app main[class*='_main_']:has(.bk-cat-mount),html[data-bk-sidebar-expanded=true] #dashboard-app main[class*='_main_']:has(.bk-cat-mount) { margin-left:0!important; width:100%!important; max-width:100%; overflow-x:clip; }
  #dashboard-app:has(.bk-cat-mount) .bk-sidebar[data-collapsed=true] { transform:translateX(-110px); pointer-events:none; visibility:hidden; }
}
html[data-bk-theme=light] .bk-cat-stock-manager textarea { background: #fff; color: #171717; }
@media (max-width: 520px) { .bk-cat-stock-manager-head,.bk-cat-stock-manager-foot { align-items: flex-start; flex-direction: column; } }

/* Catalog refinement: dashboard tonal hierarchy, compact fields and one control system. */
.bk-cat-screen,.bk-cat-modal-backdrop,.bk-cat-editor-backdrop,.bk-cat-confirm-backdrop {
  --cat-page:#070707; --cat-surface:#0c0c0c; --cat-surface-raised:#151515;
  --cat-hover:#202020; --cat-border:#222; --cat-border-strong:#383838;
  --cat-text:#f0f0f0; --cat-muted:#a0a0a0;
}
#dashboard-app .bk-cat-mount { background:var(--cat-page,#070707); }
.bk-cat-heading { margin:0 0 12px; }
.bk-cat-product-page .bk-cat-editor-body { gap:10px; }
.bk-cat-product-page .bk-cat-editor-header { margin-bottom:9px; }
.bk-cat-panel,.bk-cat-product-group,.bk-cat-category-list,.bk-cat-modal,.bk-cat-confirm {
  background:var(--cat-surface); border-color:var(--cat-border);
}
.bk-cat-product-page [data-tab-panel=geral] { padding:13px; background:var(--cat-surface); }
.bk-cat-product-page .bk-cat-general-settings { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px 20px; padding-bottom:11px; border-bottom:1px solid var(--cat-border); }
.bk-cat-general-settings .bk-cat-type-field { width:240px; max-width:100%; margin:0; }
.bk-cat-general-settings .bk-cat-check-row { align-self:flex-end; min-height:38px; align-items:center; }
.bk-cat-product-page .bk-cat-form-grid { gap:10px 14px; align-items:start; }
.bk-cat-product-page .bk-cat-field input,.bk-cat-product-page .bk-cat-select-trigger,.bk-cat-product-page .bk-cat-input-prefix { height:38px; min-height:38px; background:var(--cat-surface); border-color:var(--cat-border); }
.bk-cat-product-page .bk-cat-field textarea { height:80px; min-height:64px; }
.bk-cat-product-page .bk-cat-product-upload { min-height:88px; height:88px; padding:9px; background:var(--cat-surface-raised); border-color:var(--cat-border-strong); }
.bk-cat-panel-body { gap:11px; padding:12px; }
.bk-cat-row-menu,.bk-cat-bulk-menu,.bk-cat-filter-popover { background:var(--cat-surface)!important; border-color:var(--cat-border-strong)!important; }
.bk-cat-select-popover { background:#0c0c0c; border-color:#383838; }
.bk-cat-select-option { background:transparent; }
.bk-cat-select-option:hover,.bk-cat-select-option.is-selected { background:#202020; border-color:#383838; }
.bk-cat-category-header,.bk-cat-stock-table>header { background:var(--cat-surface-raised); }
.bk-cat-category-row,.bk-cat-product-row,.bk-cat-section-order>div { background:var(--cat-surface); border-color:var(--cat-border); }
.bk-cat-group-chevron { display:grid; place-items:center; color:#aaa; }

/* Checkboxes and choice indicators retain their input semantics, with a single SVG mark. */
:is(.bk-cat-screen,.bk-cat-modal-backdrop,.bk-cat-confirm-backdrop) input[type=checkbox]:not(.bk-cat-switch-row input):not(.bk-cat-switches input),
.bk-cat-product-page input[type=radio] {
  appearance:none!important; -webkit-appearance:none!important; position:relative;
  display:inline-block; flex:0 0 17px; width:17px!important; min-width:17px!important; height:17px!important;
  padding:0!important; margin:0; border:1px solid #505050!important; border-radius:5px!important;
  background:transparent!important; box-shadow:none!important; vertical-align:middle; cursor:pointer;
}
:is(.bk-cat-screen,.bk-cat-modal-backdrop,.bk-cat-confirm-backdrop) input[type=checkbox]:not(.bk-cat-switch-row input):not(.bk-cat-switches input)::after,
.bk-cat-product-page input[type=radio]::after { content:none!important; display:none!important; }
:is(.bk-cat-screen,.bk-cat-modal-backdrop,.bk-cat-confirm-backdrop) input[type=checkbox]:not(.bk-cat-switch-row input):not(.bk-cat-switches input):checked,
.bk-cat-product-page input[type=radio]:checked {
  background:#f0f0f0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8 3 3 6-6' fill='none' stroke='%23111111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px 15px no-repeat!important;
  border-color:#f0f0f0!important;
}
:is(.bk-cat-screen,.bk-cat-modal-backdrop) input[type=checkbox]:focus-visible,.bk-cat-product-page input[type=radio]:focus-visible { outline:2px solid #888; outline-offset:3px; }
.bk-cat-check { min-height:24px; gap:8px; line-height:1.4; }
.bk-cat-delivery-options input { margin-left:auto; }

/* Switches are not checkboxes visually: the OFF thumb remains visible on its track. */
:is(.bk-cat-switch-row,.bk-cat-switches) input[type=checkbox] {
  appearance:none!important; -webkit-appearance:none!important; position:relative!important; display:block!important;
  flex:0 0 32px; width:32px!important; min-width:32px!important; height:18px!important;
  padding:0!important; margin-block:0!important; border:1px solid #3e3e3e!important; border-radius:20px!important;
  background:#292929!important; box-shadow:none!important; cursor:pointer;
}
:is(.bk-cat-switch-row,.bk-cat-switches) input[type=checkbox]::after {
  content:""!important; display:block!important; position:absolute!important; opacity:1!important;
  top:2px!important; left:2px!important; width:12px!important; height:12px!important;
  border:0!important; border-radius:50%!important; background:#999!important;
  transform:none!important; box-shadow:none!important; transition:transform .16s ease,background .16s ease;
}
:is(.bk-cat-switch-row,.bk-cat-switches) input[type=checkbox]:checked { background:#e0e0e0!important; border-color:#e0e0e0!important; }
:is(.bk-cat-switch-row,.bk-cat-switches) input[type=checkbox]:checked::after { transform:translateX(14px)!important; background:#242424!important; }
html[data-bk-theme=light] .bk-cat-screen,html[data-bk-theme=light] .bk-cat-modal-backdrop,html[data-bk-theme=light] .bk-cat-confirm-backdrop { --cat-page:#f6f7f9; --cat-surface:#fff; --cat-surface-raised:#f4f4f4; --cat-border:#ddd; --cat-border-strong:#bbb; --cat-text:#171717; --cat-muted:#666; }
html[data-bk-theme=light] .bk-cat-select-popover { background:#fff; }
@media(max-width:600px) { .bk-cat-general-settings .bk-cat-type-field { width:100%; max-width:none; } .bk-cat-product-page .bk-cat-general-settings { gap:8px; } }
@media(prefers-reduced-motion:reduce) { :is(.bk-cat-switch-row,.bk-cat-switches) input[type=checkbox]::after { transition:none; } }

/* Category modal: align hierarchy switch cards and keep dropdown edges on the trigger. */
.bk-cat-modal .bk-cat-switches { gap:8px; }
.bk-cat-modal .bk-cat-switches>label {
  min-height:54px; padding:8px 10px; gap:10px;
  border:1px solid var(--cat-border); border-radius:8px;
  background:var(--cat-surface-raised);
}
.bk-cat-modal .bk-cat-switches>label:hover { background:var(--cat-hover); border-color:var(--cat-border-strong); }
.bk-cat-modal .bk-cat-switches span { flex:1; min-width:0; }
.bk-cat-modal .bk-cat-switches small { line-height:1.35; }
.bk-cat-select-popover { animation:cat-select-enter .14s ease-out both; }
@keyframes cat-select-enter { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }

/* Keep the catalog mount transparent: the dashboard already supplies the page surface. */
#dashboard-app .bk-cat-mount { background:transparent!important; }

/* One visible, theme-aware checkmark for every catalog checkbox (not toggle switches). */
#dashboard-app .bk-cat-mount input[type=checkbox]:not(.bk-cat-switch-row input):not(.bk-cat-switches input) {
  appearance:none!important; -webkit-appearance:none!important; position:relative!important;
  width:17px!important; min-width:17px!important; height:17px!important; flex:0 0 17px!important;
  border:1px solid #666!important; border-radius:5px!important; background:transparent!important;
}
#dashboard-app .bk-cat-mount input[type=checkbox]:not(.bk-cat-switch-row input):not(.bk-cat-switches input):checked {
  border-color:#f0f0f0!important;
  background:#f0f0f0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8 3 3 6-6' fill='none' stroke='%23111111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px 13px no-repeat!important;
}
html[data-bk-theme=light] #dashboard-app .bk-cat-mount input[type=checkbox]:not(.bk-cat-switch-row input):not(.bk-cat-switches input) { border-color:#8a8a8a!important; background:transparent!important; }
html[data-bk-theme=light] #dashboard-app .bk-cat-mount input[type=checkbox]:not(.bk-cat-switch-row input):not(.bk-cat-switches input):checked {
  border-color:#1b1b1b!important;
  background:#1b1b1b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8 3 3 6-6' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px 13px no-repeat!important;
}
#dashboard-app .bk-cat-mount input[type=checkbox]:not(.bk-cat-switch-row input):not(.bk-cat-switches input):focus-visible { outline:2px solid #888!important; outline-offset:2px!important; }

/* Choice indicators in the product editor use the same square checkmark as checkboxes. */
#dashboard-app .bk-cat-product-page input[type=radio] {
  appearance:none!important; -webkit-appearance:none!important; position:relative!important;
  display:inline-block!important; width:17px!important; min-width:17px!important; height:17px!important;
  flex:0 0 17px!important; padding:0!important; margin:0!important;
  border:1px solid #666!important; border-radius:5px!important; background:transparent!important;
  box-shadow:none!important; vertical-align:middle!important; cursor:pointer;
}
#dashboard-app .bk-cat-product-page input[type=radio]::before,
#dashboard-app .bk-cat-product-page input[type=radio]::after { content:none!important; display:none!important; }
#dashboard-app .bk-cat-product-page input[type=radio]:checked {
  border-color:#f0f0f0!important;
  background:#f0f0f0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8 3 3 6-6' fill='none' stroke='%23111111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px 13px no-repeat!important;
}
html[data-bk-theme=light] #dashboard-app .bk-cat-product-page input[type=radio] { border-color:#8a8a8a!important; background-color:transparent!important; }
html[data-bk-theme=light] #dashboard-app .bk-cat-product-page input[type=radio]:checked {
  border-color:#1b1b1b!important;
  background:#1b1b1b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8 3 3 6-6' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px 13px no-repeat!important;
}

/* Match switch contrast to the active theme without hiding the OFF thumb. */
html[data-bk-theme=light] #dashboard-app .bk-cat-mount :is(.bk-cat-switch-row,.bk-cat-switches) input[type=checkbox] {
  border-color:#c6c6c6!important; background:#e5e5e5!important;
}
html[data-bk-theme=light] #dashboard-app .bk-cat-mount :is(.bk-cat-switch-row,.bk-cat-switches) input[type=checkbox]::after { background:#777!important; }
html[data-bk-theme=light] #dashboard-app .bk-cat-mount :is(.bk-cat-switch-row,.bk-cat-switches) input[type=checkbox]:checked {
  border-color:#1b1b1b!important; background:#1b1b1b!important;
}
html[data-bk-theme=light] #dashboard-app .bk-cat-mount :is(.bk-cat-switch-row,.bk-cat-switches) input[type=checkbox]:checked::after { background:#fff!important; }

/* Remove the square page layer beneath the rounded editor panels. */
#dashboard-app main[class*='_main_']:has(.bk-cat-mount),
#dashboard-app .bk-cat-mount,
#dashboard-app .bk-cat-mount .bk-cat-screen,
#dashboard-app .bk-cat-mount .bk-cat-product-page,
#dashboard-app .bk-cat-mount .bk-cat-product-page .bk-cat-editor,
#dashboard-app .bk-cat-mount .bk-cat-product-page .bk-cat-editor-body,
#dashboard-app .bk-cat-mount .bk-cat-product-page .bk-cat-tab-content,
#dashboard-app .bk-cat-mount .bk-cat-product-page .bk-cat-tab-content>[data-tab-panel]:not([hidden]) {
  background:transparent!important;
  box-shadow:none!important;
}
#dashboard-app .bk-cat-mount .bk-cat-product-page .bk-cat-panel,
#dashboard-app .bk-cat-mount .bk-cat-product-page [data-tab-panel=geral] {
  background:var(--cat-surface,#fff)!important;
}

/* Purchase limits retain rounded hover surfaces and breathing room for checkboxes. */
html[data-bk-theme=light] :is(.bk-cat-screen,.bk-cat-modal-backdrop,.bk-cat-confirm-backdrop) { --cat-hover:#ededed; }
.bk-cat-product-page .bk-cat-advanced summary { color:var(--cat-text); border-radius:8px; }
.bk-cat-product-page .bk-cat-advanced[open] summary { border-radius:8px 8px 0 0; }
.bk-cat-product-page .bk-cat-advanced>.bk-cat-form-grid { padding:0 12px 12px; }
.bk-cat-product-page .bk-cat-advanced>.bk-cat-form-grid .bk-cat-field { margin:0; }
.bk-cat-product-page .bk-cat-advanced>.bk-cat-check-row { padding:0 12px 12px; align-items:center; min-height:36px; }
.bk-cat-product-page [data-tab-panel]>.bk-cat-check { padding:8px 12px; min-height:36px; }
:is(.bk-cat-product-page,.bk-cat-modal) .bk-cat-check { align-items:center; }
html[data-bk-theme=light] .bk-cat-product-page .bk-cat-advanced summary:hover { background:#ededed; color:#171717; }
html[data-bk-theme=light] .bk-cat-product-page .bk-cat-stock-toolbar small { background:#252525!important; color:#fff!important; }

/* Icon actions match the height of the controls in their own row. */
.bk-cat-btn.bk-cat-icon-button { width:32px; min-width:32px; height:32px; min-height:32px; padding:0; }
.bk-cat-toolbar .bk-cat-filter-button { width:39px; min-width:39px; height:39px; min-height:39px; padding:0; }
.bk-cat-variant-row { grid-template-columns:minmax(120px,1fr) minmax(100px,.9fr) minmax(90px,.7fr) minmax(100px,.9fr) 38px; }
.bk-cat-variant-row [data-action=remove-variant],.bk-cat-faq-row [data-faq-remove] {
  width:38px; min-width:38px; height:38px; min-height:38px; padding:0;
  align-self:end; display:inline-flex; align-items:center; justify-content:center; border-radius:8px;
}
@media(max-width:640px) { .bk-cat-variant-row { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Equal FAQ field dimensions and viewport-aligned select menus. */
#dashboard-app .bk-cat-faq-row [data-question],
#dashboard-app .bk-cat-faq-row [data-answer] {
  box-sizing:border-box; width:100%; height:38px; min-height:38px; max-height:38px;
  padding:9px 11px; line-height:18px; margin:0; resize:none; overflow:auto;
}
#dashboard-app .bk-cat-faq-row [data-answer] { resize:none; }
.bk-cat-panel-body:has(>[data-faq-list]) { gap:10px; padding-top:4px; }
[data-faq-list]:empty { display:none; }
[data-faq-empty] { display:none!important; }
.bk-cat-faq-row.is-new { animation:cat-faq-add .25s cubic-bezier(.2,.8,.2,1) both; }
@keyframes cat-faq-add { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { .bk-cat-faq-row.is-new { animation:none; } }
.bk-cat-select-popover { margin:0!important; box-sizing:border-box!important; }

/* Rounded section tabs, with a matching hover and selected state in both themes. */
#dashboard-app .bk-cat-product-page .bk-cat-tabs { gap:6px; padding-bottom:8px; }
#dashboard-app .bk-cat-product-page .bk-cat-tabs [role=tab] {
  border:1px solid transparent; border-radius:9px; background:transparent;
  box-shadow:none; color:var(--cat-muted);
}
#dashboard-app .bk-cat-product-page .bk-cat-tabs [role=tab]:hover,
#dashboard-app .bk-cat-product-page .bk-cat-tabs [role=tab][aria-selected=true] {
  border-color:#3a3a3a; background:#191919; color:var(--cat-text);
}
html[data-bk-theme=light] #dashboard-app .bk-cat-product-page .bk-cat-tabs [role=tab]:hover,
html[data-bk-theme=light] #dashboard-app .bk-cat-product-page .bk-cat-tabs [role=tab][aria-selected=true] {
  border-color:#d2d2d2; background:#ededed; color:#171717;
}