/* Baby Tools workspace presentation only. Existing tool internals remain untouched. */
.bt-directory-workspace{padding:26px 0 56px;background:#f6f8fc}
.bt-layout{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:22px;align-items:start}
.bt-sidebar,.bt-welcome,.bt-main-column .bt-work{background:#fff;border:1px solid #e1e6ef;border-radius:18px;box-shadow:0 5px 22px rgba(15,23,42,.035)}
.bt-sidebar{padding:20px;position:sticky;top:20px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;min-height:0}
.bt-sidebar-top h2{margin:0 0 4px;font-size:21px;color:#111b30}.bt-sidebar-top p{margin:0 0 15px;font-size:13px;color:#64748b}
.bt-search-label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:#27364d}
.bt-sidebar .bt-search{width:100%;box-sizing:border-box;margin:0 0 14px;min-width:0}
.bt-sidebar .bt-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.bt-sidebar .bt-filters button{font-size:12px;padding:7px 10px}
.bt-sidebar .bt-count{margin:0 0 8px;font-size:12px;color:#64748b}
.bt-tool-list{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:4px;padding:2px 3px 4px 0;scrollbar-width:thin}
.bt-tool-list .bt-card{display:flex!important;flex-direction:column;align-items:flex-start;text-align:left;width:100%;min-height:0;box-sizing:border-box;padding:11px 13px;margin:0;border:1px solid transparent;border-radius:10px;background:transparent;box-shadow:none;gap:2px;transition:background .15s,border-color .15s}
.bt-tool-list .bt-card[hidden]{display:none!important}
.bt-tool-list .bt-card span,.bt-tool-list .bt-card p,.bt-tool-list .bt-card em{display:none!important}
.bt-tool-list .bt-card small{order:2;font-size:11px;color:#6b7890}
.bt-tool-list .bt-card b{order:1;font-size:14px;line-height:1.35;color:#17233b}
.bt-tool-list .bt-card:hover,.bt-tool-list .bt-card:focus-visible{background:#f2f5fb;border-color:#dbe4f1}
.bt-tool-list .bt-card.is-selected{background:#eaf0ff;border-color:#b7c9f5}
.bt-main-column{min-width:0}
.bt-welcome{padding:40px 34px}.bt-welcome[hidden]{display:none!important}
.bt-welcome-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;color:#6856c8}
.bt-welcome h2{font-size:27px;line-height:1.2;margin:12px 0;color:#14203a}.bt-welcome p{color:#526178;line-height:1.7;max-width:570px}
.bt-welcome-hint{margin-top:24px;background:#f3f6fc;border-radius:12px;padding:14px;color:#3c506d;font-size:13px}
.bt-main-column .bt-wrap{display:block!important;padding:0!important;margin:0!important;background:transparent!important}
.bt-main-column .bt-wrap[hidden]{display:none!important}
.bt-main-column .bt-work{padding:24px;min-width:0}
.bt-main-column .bt-work>header{display:flex;justify-content:space-between;align-items:start;gap:12px}
.bt-main-column .bt-work>header h2{overflow-wrap:anywhere}
.bt-main-column .bt-work #btBody{min-width:0}
@media(max-width:820px){.bt-directory-workspace{padding:14px 0 36px}.bt-layout{grid-template-columns:minmax(0,1fr);gap:14px}.bt-sidebar{position:static;max-height:none;padding:16px}.bt-tool-list{max-height:230px;overflow-y:auto}.bt-sidebar .bt-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.bt-sidebar .bt-filters button{flex-shrink:0}.bt-welcome{padding:24px 18px}.bt-welcome h2{font-size:23px}.bt-main-column .bt-work{padding:17px}.bt-main-column .bt-wrap{scroll-margin-top:18px}}

/* Sidebar-only reset: older card CSS positions child labels over other items. */
.bt-tool-list .bt-card{
  position:relative!important;
  height:auto!important;
  min-height:58px!important;
  overflow:visible!important;
  justify-content:center!important;
  gap:5px!important;
  padding:10px 12px!important;
  flex-shrink:0;
}
.bt-tool-list .bt-card b,
.bt-tool-list .bt-card small{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  float:none!important;
  width:auto!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  white-space:normal!important;
  text-overflow:clip!important;
  overflow:visible!important;
  letter-spacing:normal!important;
}
.bt-tool-list .bt-card b{
  order:1!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.45!important;
}
.bt-tool-list .bt-card small{
  order:2!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.4!important;
  text-transform:none!important;
}

/* V3: prevent inherited card hover/focus motion in sidebar navigation. */
.bt-tool-list > .bt-card,
.bt-tool-list > .bt-card:hover,
.bt-tool-list > .bt-card:focus,
.bt-tool-list > .bt-card:focus-visible,
.bt-tool-list > .bt-card:active,
.bt-tool-list > .bt-card.is-selected {
  transform: none !important;
  translate: none !important;
  scale: none !important;
  top: auto !important;
  bottom: auto !important;
  position: relative !important;
  margin-block: 0 !important;
  box-shadow: none !important;
  animation: none !important;
  transition-property: background-color, border-color, color !important;
  transition-duration: .15s !important;
}
.bt-tool-list > .bt-card:hover,
.bt-tool-list > .bt-card:focus-visible {
  background-color: #f2f5fb !important;
  border-color: #dbe4f1 !important;
}
.bt-tool-list > .bt-card.is-selected,
.bt-tool-list > .bt-card.is-selected:hover,
.bt-tool-list > .bt-card.is-selected:focus-visible {
  background-color: #eaf0ff !important;
  border-color: #b7c9f5 !important;
}