/* Baskibu Designer 0.23.0-dev45 — app-like simplified rail + micro actions */

/* Primary navigation: five jobs + one overflow, not a toolbox wall. */
.bbd-pro-workspace-v0230-dev45 .bbd-sidebar.bbd-app-rail-v45 {
  width: 64px !important;
  padding: 10px 6px 8px !important;
  gap: 4px !important;
  background: #121923 !important;
  border-right: 1px solid rgba(255,255,255,.05) !important;
}
.bbd-pro-workspace-v0230-dev45 .bbd-sidebar.bbd-app-rail-v45 .bbd-tool.bbd-app-tool-v45,
.bbd-pro-workspace-v0230-dev45 .bbd-sidebar.bbd-app-rail-v45 .bbd-tool[data-panel="mobile-more"] {
  width: 52px !important;
  min-height: 54px !important;
  margin: 0 auto !important;
  padding: 7px 3px 5px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #a9b3c2 !important;
  box-shadow: none !important;
  transition: background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease !important;
}
.bbd-pro-workspace-v0230-dev45 .bbd-sidebar.bbd-app-rail-v45 .bbd-tool svg { flex: 0 0 auto; }
.bbd-pro-workspace-v0230-dev45 .bbd-sidebar.bbd-app-rail-v45 .bbd-tool span {
  display: block !important;
  max-width: 48px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: inherit !important;
  font-size: 8px !important;
  font-weight: 720 !important;
  letter-spacing: -.01em !important;
  line-height: 1.05 !important;
}
@media (hover:hover) and (pointer:fine) {
  .bbd-pro-workspace-v0230-dev45 .bbd-sidebar.bbd-app-rail-v45 .bbd-tool.bbd-app-tool-v45:hover,
  .bbd-pro-workspace-v0230-dev45 .bbd-sidebar.bbd-app-rail-v45 .bbd-tool[data-panel="mobile-more"]:hover {
    background: rgba(255,255,255,.055) !important;
    color: #fff !important;
    transform: translateY(-1px);
  }
}
.bbd-pro-workspace-v0230-dev45 .bbd-sidebar.bbd-app-rail-v45 .bbd-tool.is-active {
  border-color: rgba(255,91,31,.34) !important;
  background: rgba(255,91,31,.14) !important;
  color: #ff7a45 !important;
  box-shadow: inset 3px 0 0 #ff5b1f !important;
}
.bbd-pro-workspace-v0230-dev45 .bbd-sidebar.bbd-app-rail-v45 .bbd-menu-rail-divider,
.bbd-pro-workspace-v0230-dev45 .bbd-sidebar.bbd-app-rail-v45 [data-bbd-menu-command] { display:none !important; }

/* App overflow: advanced tools exist, but they do not live in the primary rail. */
.bbd-pro-workspace-v0230-dev45 .bbd-app-more-popover-v45 {
  position: absolute;
  z-index: 8500;
  width: 264px;
  padding: 8px;
  border: 1px solid #e4e9ef;
  border-radius: 16px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 18px 48px rgba(15,23,42,.18);
  backdrop-filter: blur(14px);
}
.bbd-pro-workspace-v0230-dev45 .bbd-app-more-popover-v45[hidden] { display:none !important; }
.bbd-pro-workspace-v0230-dev45 .bbd-app-more-popover-v45__head {
  height: 36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 0 5px 5px 8px;
  color:#101828;
}
.bbd-pro-workspace-v0230-dev45 .bbd-app-more-popover-v45__head strong { font-size:12px;font-weight:850; }
.bbd-pro-workspace-v0230-dev45 .bbd-app-more-popover-v45__head button {
  width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:9px;background:#f5f7fa;color:#667085;cursor:pointer;
}
.bbd-pro-workspace-v0230-dev45 .bbd-app-more-popover-v45 > button:not([data-bbd-app-more-close]) {
  width:100%;min-height:54px;display:grid;grid-template-columns:30px minmax(0,1fr) 16px;gap:9px;align-items:center;padding:8px 9px;border:0;border-radius:11px;background:transparent;color:#344054;text-align:left;cursor:pointer;
}
.bbd-pro-workspace-v0230-dev45 .bbd-app-more-popover-v45 > button:hover { background:#f6f8fa; }
.bbd-pro-workspace-v0230-dev45 .bbd-app-more-popover-v45 > button > span strong { display:block;font-size:11px;font-weight:800;color:#101828; }
.bbd-pro-workspace-v0230-dev45 .bbd-app-more-popover-v45 > button > span small { display:block;margin-top:2px;font-size:9px;color:#98a2b3; }

/* Micro shortcut: background color is an inline action, not a full navigation destination. */
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45 {
  position: relative;
  display: inline-flex;
  align-items: center;
  order: 8;
  margin-left: 3px;
  pointer-events: auto;
}
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__trigger {
  min-height: 32px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding: 0 10px 0 7px;
  border:1px solid #e1e7ed;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#475467;
  font-size:9px;
  font-weight:780;
  box-shadow:0 4px 14px rgba(15,23,42,.05);
  cursor:pointer;
}
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__swatch {
  width:17px;height:17px;border-radius:50%;border:1px solid rgba(15,23,42,.14);box-shadow:inset 0 0 0 2px rgba(255,255,255,.65);
}
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__popover {
  position:absolute;
  left:0;
  top:calc(100% + 8px);
  z-index:8200;
  width:252px;
  padding:12px;
  border:1px solid #e2e7ed;
  border-radius:15px;
  background:rgba(255,255,255,.985);
  box-shadow:0 18px 44px rgba(15,23,42,.16);
  backdrop-filter:blur(14px);
}
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__popover[hidden] { display:none !important; }
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__palette {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__color {
  width:34px;height:34px;margin:auto;border:1px solid rgba(15,23,42,.12);border-radius:10px;background:var(--bbd-micro-color);box-shadow:inset 0 0 0 2px rgba(255,255,255,.54);cursor:pointer;position:relative;
}
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__color.is-active::after {
  content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.5);
}
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__color[style*="#FFFFFF"].is-active::after,
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__color[style*="#F8FAFC"].is-active::after,
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__color[style*="#FFF7ED"].is-active::after { color:#111827;text-shadow:none; }
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__gradients {
  display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid #edf0f3;
}
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__gradients button {
  min-height:38px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;color:#475467;font-size:9px;font-weight:760;cursor:pointer;
}
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__gradients button[data-bbd-background-micro-more] { grid-column:1/-1; }
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__gradients i { width:20px;height:14px;border-radius:5px;border:1px solid rgba(15,23,42,.08); }
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__gradients i.is-warm { background:linear-gradient(135deg,#fff7ed,#fb7185); }
.bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__gradients i.is-cool { background:linear-gradient(135deg,#eff6ff,#14b8a6); }

/* Existing full background and graphics panels remain reachable only through More. */
.bbd-pro-workspace-v0230-dev45 .bbd-sidebar .bbd-tool[data-panel="graphics"],
.bbd-pro-workspace-v0230-dev45 .bbd-sidebar .bbd-tool[data-panel="background"] { display:none !important; }

/* Calm panel chrome: panels should feel like sheets inside an app. */
.bbd-pro-workspace-v0230-dev45 .bbd-menu-section-heading-pro { min-height:56px !important; }
.bbd-pro-workspace-v0230-dev45 .bbd-menu-heading-meta > span { display:none !important; }
.bbd-pro-workspace-v0230-dev45 .bbd-menu-heading-meta [data-bbd-menu-open-command] { display:none !important; }

@media (max-width:1024px) {
  .bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__trigger > span:last-child { display:none; }
  .bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__trigger { width:34px;padding:0;justify-content:center; }
  .bbd-pro-workspace-v0230-dev45 .bbd-background-micro-v45__swatch { width:15px;height:15px; }
}
@media (prefers-reduced-motion:reduce) {
  .bbd-pro-workspace-v0230-dev45 .bbd-sidebar.bbd-app-rail-v45 .bbd-tool { transition:none !important; }
}