/* BTB Workspace Orientation — compact, contextual page maps. Never conceal live workflows.
   Keeps current inputs, existing stats, account scripts, and publication controls untouched. */
.btb-workspace-map {
  max-width: 1160px; margin: 12px auto 20px; padding: 17px 18px 15px;
  border: 1px solid #cadeee; border-radius: 19px;
  background: linear-gradient(125deg,#ffffff 0%,#f0f7ff 100%);
  box-shadow: 0 9px 24px rgba(22,60,107,.07);
  color: #143456;
}
.btb-workspace-map-heading { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 14px; margin-bottom:11px; }
.btb-workspace-map-heading h2 { font-size:clamp(1rem,2.4vw,1.19rem); font-family:inherit; font-weight:850; margin:0; letter-spacing:-.025em; color:#173b62; }
.btb-workspace-map-heading p { font-size:.82rem; margin:0; line-height:1.45; color:#506885; }
.btb-workspace-links { display:flex;flex-wrap:wrap;gap:8px; }
.btb-workspace-links a { display:inline-flex; align-items:center; gap:7px; padding:10px 13px;
  font:700 .83rem/1.2 system-ui,-apple-system,sans-serif; text-decoration:none;
  background:white; color:#1c4d7d; border:1px solid #cbdfee; border-radius:999px;
  min-height:42px; box-shadow:0 2px 5px rgba(18,62,108,.025);
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.btb-workspace-links a:hover { background:#e9f4ff; border-color:#6caded; transform:translateY(-1px); }
.btb-workspace-links a:focus-visible { outline:3px solid #3c90e5; outline-offset:3px; }
.btb-workspace-links a[aria-current="location"] { color:#fff; background:#175a9c; border-color:#175a9c; }
.btb-workspace-map-note { margin:11px 2px 0;font-size:.76rem;line-height:1.5;color:#637994; }
.btb-workspace-main > :is(section,div)[id], .btb-workspace-main [id$="-heading"] {
 scroll-margin-top: calc(var(--nav-height,72px) + 82px);
}
.btb-workspace-main .dashboard-section:target, .btb-workspace-main .brand-shop-workspace:target,
.btb-workspace-main .brand-shop-selling:target,.btb-workspace-main .brand-shop-orders:target {
 outline:2px solid rgba(34,128,217,.35);outline-offset:4px;
}
.btb-workspace-main .dashboard-section,.btb-workspace-main .brand-shop-section-head {
 scroll-margin-top: calc(var(--nav-height,72px) + 82px);
}
.btb-workspace-section-note {display:block;font:650 .74rem/1.4 system-ui,-apple-system,sans-serif;color:#587694;letter-spacing:.005em;margin:0 0 12px;}
.btb-workspace-section-label {display:inline-block;font:800 .65rem/1.2 system-ui,-apple-system,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#246eb9;margin:0 0 6px;}
@media(max-width:780px) {
 .btb-workspace-map { margin:9px 11px 14px; padding:14px 13px 13px; border-radius:15px; }
 .btb-workspace-map-heading {margin-bottom:9px;align-items:flex-start;gap:4px;}
 .btb-workspace-map-heading h2 {font-size:1rem;}
 .btb-workspace-map-heading p {font-size:.76rem;}
 .btb-workspace-links {display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;gap:7px;padding:3px 0 6px;}
 .btb-workspace-links a {flex:0 0 auto;scroll-snap-align:start;padding:9px 11px;min-height:38px;font-size:.76rem;}
 .btb-workspace-map-note {font-size:.71rem;margin-top:7px;}
}
@media(prefers-reduced-motion:reduce) {
 .btb-workspace-links a {transition:none!important;}
}


/* Workspace content groups — keep the original interactive sections and their hooks. */
.btb-workspace-main .btb-dashboard-group {
  display: grid;
  gap: 18px;
  min-width: 0;
  padding: 8px 0 18px;
  border-bottom: 1px solid rgba(37,86,130,.17);
}
.btb-workspace-main .btb-dashboard-group:last-child { border-bottom: 0; }
.btb-workspace-main .btb-dashboard-group-heading {
  padding: 8px 2px 1px;
  border-bottom: 1px solid rgba(37,86,130,.11);
}
.btb-workspace-main .btb-dashboard-group-heading h2 {
  margin: 0 0 4px; font-size: clamp(1.06rem,2.5vw,1.28rem);
  font-weight: 800; letter-spacing: -.025em;
}
.btb-workspace-main .btb-dashboard-group-heading p {
  margin: 0; font-size: .87rem; line-height: 1.5; color: var(--ink-soft,#586778);
}
.btb-workspace-main .btb-dashboard-group > .dashboard-section { min-width: 0; margin: 0; }
.btb-workspace-main .btb-dashboard-group > [id$="-root"] { min-width: 0; }
.btb-workspace-main .btb-next-move-extra {
  grid-column: 1 / -1; min-width: 0;
  padding: 12px 14px; border: 1px solid rgba(35,92,142,.2);
  background: rgba(238,247,255,.55); border-radius: 14px;
}
.btb-workspace-main .btb-next-move-extra > summary {
  cursor: pointer; font-weight: 750; color: #174c7e;
  padding: 4px 0; outline-offset: 3px;
}
.btb-workspace-main .btb-next-move-extra-grid { margin-top: 14px; }
.btb-workspace-main .btb-next-move-extra-grid > article { min-width: 0; }
.btb-workspace-main .application-stage-heading { list-style: none; padding: 14px 3px 5px; }
.btb-workspace-main .application-stage-heading h3 {
  margin: 0; font-size: .84rem; font-weight: 800; color: #335f88;
}
.btb-workspace-main .application-stage-heading span {
  color: var(--ink-soft,#596879); font-size: .75rem; font-weight: 650;
}
.btb-workspace-main .btb-shop-journey {
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 9px; margin: 16px 0 22px; min-width: 0;
}
.btb-workspace-main .btb-shop-journey > div {
  display: grid; grid-template-columns: auto minmax(0,1fr);
  align-content: start; align-items: start;
  column-gap: 8px; row-gap: 4px; padding: 12px 10px;
  border: 1px solid #cadeee; border-radius: 12px; background: #f6faff;
  min-width: 0;
}
.btb-workspace-main .btb-shop-journey span {
  grid-row: span 2; font-size: .75rem; font-weight: 800;
  color: #165a9d;
}
.btb-workspace-main .btb-shop-journey strong {
  color: #173b62; font-size: .8rem; line-height: 1.3;
}
.btb-workspace-main .btb-shop-journey small {
  font-size: .73rem; color: #526b84; line-height: 1.4;
}
.btb-workspace-main .btb-shop-catalog-heading {
  font-size: 1rem; margin: 0 0 12px; font-weight: 800;
}
.btb-workspace-main .brand-shop-workspace,
.btb-workspace-main .brand-shop-selection,
.btb-workspace-main .brand-shop-selling,
.btb-workspace-main .brand-shop-orders,
.btb-workspace-main .brand-shop-status {
  scroll-margin-top: calc(var(--nav-height,72px) + 82px);
}
@media(max-width:780px) {
  .btb-workspace-main .btb-dashboard-group { gap: 14px; padding-bottom: 14px; }
  .btb-workspace-main .btb-dashboard-group-heading { padding: 6px 0 1px; }
  .btb-workspace-main .btb-dashboard-group-heading p { font-size: .8rem; }
  .btb-workspace-main .btb-shop-journey { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  .btb-workspace-main .btb-shop-journey > div { padding: 10px 8px; }
}
@media(max-width:480px) {
  .btb-workspace-main .btb-shop-journey { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .btb-workspace-main .btb-shop-journey small { font-size: .69rem; }
  .btb-workspace-main .btb-next-move-extra { padding: 10px; }
}

/* Keep live progress metrics reachable without six vertically stacked phone cards. */
@media(max-width:640px) {
  .buyer-dashboard-page .buyer-command-stats {
    display: flex; flex-wrap: nowrap; gap: 8px;
    overflow-x: auto; overscroll-behavior-x: contain;
    scroll-snap-type: x proximity; padding: 2px 1px 9px;
  }
  .buyer-dashboard-page .buyer-command-stat {
    flex: 0 0 min(45vw,170px); scroll-snap-align: start;
    padding: 10px 11px;
  }
  .buyer-dashboard-page .buying-goal-stats {
    grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;
  }
  .buyer-dashboard-page .buying-goal-stats > :last-child { grid-column: 1 / -1; }
  #job-command-center .job-activity-stats {
    grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;
  }
  #job-command-center .job-activity-stats > div { padding: 10px; }
  #applications-panel .application-control-stats {
    display: flex; flex-wrap: nowrap; overflow-x: auto;
    overscroll-behavior-x: contain; gap: 8px; padding-bottom: 6px;
  }
  #applications-panel .application-control-stats > div {
    flex: 0 0 min(44vw,160px); padding: 10px;
  }
}