.bz-grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}
.bz-row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bz-row-3{display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:8px}
.bz-field{margin-top:12px}
.bz-section-title{font-weight:900;margin-bottom:8px}
.bz-help{font-size:12px;color:var(--muted);margin-top:6px}
.bz-kpi{border:1px solid var(--line);border-radius:12px;padding:12px;background:#f8fbff}
.bz-chip{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;border:1px solid var(--line);font-size:11px;font-weight:700;background:#fff}
.bz-chip.is-danger{background:#fff2f2;border-color:#fecaca;color:#991b1b}
.bz-chip.is-warn{background:#fff7ed;border-color:#fdba74;color:#9a3412}
.bz-chip.is-ok{background:#f0fdf4;border-color:#86efac;color:#166534}
.bz-chip.is-info{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}
.bz-stack{display:flex;flex-direction:column;gap:12px}
.bz-split{display:grid;grid-template-columns:1.05fr .95fr;gap:12px}
.bz-list{display:grid;gap:8px}
.bz-listItem{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}
.bz-listItem.is-clickable{cursor:pointer}
.bz-listItem.is-clickable:hover{background:#eff6ff}
.bz-listItem.is-clickable:focus-visible{outline:2px solid #2563eb;outline-offset:2px;}
.bz-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.bz-tab{border:1px solid var(--line);background:#fff;padding:8px 10px;border-radius:10px;font-weight:700;cursor:pointer}
.bz-tab.is-active{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}
.bz-empty{border:1px dashed var(--line);border-radius:12px;padding:12px;color:var(--muted);font-size:13px}
.bz-metaGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bz-metaBox{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}
.bz-portalQr{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}
.bz-portalQr img{max-width:220px;width:100%;height:auto}
.bz-preview{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;min-height:220px}
.bz-docCanvas{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;min-height:280px}
.bz-docCanvas h3,.bz-docCanvas h4,.bz-docCanvas p{margin-top:0}
.bz-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:end}
.bz-inlineForm{display:grid;gap:8px}
.bz-tableWrap .bz-table td .bz-btn{padding:6px 9px;border-radius:8px;font-size:12px}
.bz-keywordChips{display:flex;flex-wrap:wrap;gap:8px}
.bz-keywordChip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px 5px 10px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#0f172a;font-size:12px;font-weight:800}
.bz-keywordChip__del{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;border:0;background:rgba(29,78,216,.15);color:#1d4ed8;cursor:pointer;font-size:12px;line-height:1;padding:0;flex-shrink:0;}
.bz-keywordChip__del:hover{background:#1d4ed8;color:#fff;}
.bz-filter-pills{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.bz-filter-pill{
  border:1px solid var(--line);background:#fff;
  color:var(--muted);padding:2px 10px;
  border-radius:999px;font-size:11px;font-weight:600;
  cursor:pointer;line-height:1.6;
  transition:all .14s ease;
}
.bz-filter-pill:hover{border-color:var(--blue-2);color:var(--blue-2);}
.bz-filter-pill.is-active{background:var(--blue-2);color:#fff;border-color:var(--blue-2);}
.bz-modal-overlay{
  position:fixed;inset:0;
  background:rgba(11,18,32,.38);
  z-index:1200;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}

/* ── Nav badge ─────────────────────────────────────────────────────────── */
.bz-nav__item{position:relative}
.bz-nav-badge{
  display:inline-flex;align-items:center;justify-content:center;
  background:#ef4444;color:#fff;font-size:10px;font-weight:800;
  border-radius:999px;min-width:16px;height:16px;padding:0 4px;
  line-height:1;margin-left:6px;vertical-align:middle;flex-shrink:0;
}

/* ── Global search overlay ─────────────────────────────────────────────── */
.bz-search-overlay{
  position:fixed;inset:0;z-index:1500;
  background:rgba(11,18,32,.52);
  padding:clamp(60px,10vh,120px) 16px 16px;
  display:flex;align-items:flex-start;justify-content:center;
}
.bz-search-overlay[style*="display: none"],.bz-search-overlay[style*="display:none"]{ display:none!important; }
.bz-search-box{
  width:min(640px,100%);
  background:var(--card,#fff);
  border:1px solid var(--line-strong,rgba(15,23,42,.2));
  border-radius:18px;
  box-shadow:0 24px 60px rgba(11,18,32,.24);
  overflow:hidden;
}
.bz-search-input-wrap{
  display:flex;align-items:center;gap:10px;
  padding:14px 16px;border-bottom:1px solid var(--line,rgba(15,23,42,.12));
}
.bz-search-icon{font-size:16px;flex-shrink:0;color:var(--muted)}
.bz-search-input{
  flex:1;border:0;outline:0;background:transparent;
  font-size:16px;color:var(--text,#0f172a);font-family:inherit;
  padding:0;min-width:0;
}
.bz-search-input::placeholder{color:var(--muted)}
.bz-search-esc-hint{
  flex-shrink:0;
  font-size:11px;font-family:inherit;font-weight:700;
  border:1px solid var(--line-strong,rgba(15,23,42,.2));
  border-radius:6px;padding:2px 6px;
  color:var(--muted);background:var(--bg,#f3f6fb);
}
.bz-search-results{max-height:min(380px,50vh);overflow-y:auto;}
.bz-search-hint{
  padding:20px 16px;font-size:13px;color:var(--muted);text-align:center;
}
.bz-search-close{
  flex-shrink:0;width:28px;height:28px;padding:0;
  border:0;border-radius:8px;background:transparent;
  color:var(--muted);cursor:pointer;font-size:15px;line-height:1;
  display:flex;align-items:center;justify-content:center;
}
.bz-search-close:hover{background:var(--bg,#f3f6fb);color:var(--text);}
body:not(.bz-device-mobile) .bz-search-close{ display:none; }
.bz-search-result{
  display:flex;align-items:center;gap:12px;
  width:100%;padding:10px 16px;
  background:transparent;border:0;cursor:pointer;text-align:left;
  transition:background .1s ease;font-family:inherit;
}
.bz-search-result:hover,.bz-search-result:focus-visible{background:var(--blue-soft,#e8f1ff);outline:0;}
.bz-search-result__icon{font-size:16px;flex-shrink:0;width:24px;text-align:center;}
.bz-search-result__body{display:flex;flex-direction:column;gap:2px;min-width:0;}
.bz-search-result__title{font-size:13px;font-weight:800;color:var(--text,#0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bz-search-result__sub{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ── Keyboard shortcuts help modal ─────────────────────────────────────── */
.bz-help-overlay{
  position:fixed;inset:0;z-index:1400;
  background:rgba(11,18,32,.45);
  display:flex;align-items:center;justify-content:center;padding:16px;
}
.bz-help-box{
  width:min(440px,100%);
  background:var(--card,#fff);
  border:1px solid var(--line-strong,rgba(15,23,42,.2));
  border-radius:18px;
  box-shadow:0 20px 50px rgba(11,18,32,.2);
  padding:20px;
}
.bz-help-title{font-size:15px;font-weight:900;margin-bottom:14px;color:var(--text,#0f172a);}
.bz-help-list{display:grid;gap:8px;}
.bz-help-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;}
.bz-help-row__desc{color:var(--muted);}
.bz-help-keys{display:flex;gap:4px;flex-shrink:0;}
.bz-help-key{
  font-size:11px;font-family:inherit;font-weight:700;
  border:1px solid var(--line-strong,rgba(15,23,42,.2));
  border-radius:6px;padding:3px 7px;
  color:var(--text,#0f172a);background:var(--bg,#f3f6fb);
  white-space:nowrap;
}
.bz-help-close{
  margin-top:16px;width:100%;
}

/* ── Responsive ────────────────────────────────────────────────────────── */
@media (max-width:1024px){
  .bz-grid-2,.bz-split,.bz-row-2,.bz-row-3{grid-template-columns:1fr}
}
@media (max-width:820px){
  .bz-metaGrid{grid-template-columns:1fr}
  .bz-tabs{gap:6px}
  .bz-tab{padding:7px 10px;font-size:12px}
  .bz-tableWrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .bz-table{min-width:540px}
}