/* B2 command center. Presentation only; no live metrics or execution effects. */
.design-b2 {
  --bg: #0e131d;
  --sidebar: #111824;
  --panel: #171f2d;
  --panel-raised: #1c2637;
  --hover: #243146;
  --input: #111a28;
  --line: #2c394d;
  --line-soft: #233044;
  --text: #edf2fd;
  --muted: #b1bfd3;
  --faint: #98abc4;
  --accent: #bcadff;
  --accent-fill: #a691f2;
  --accent-ink: #1b1532;
  --violet-bg: #2a2945;
  --blue: #92c2ff;
  --blue-bg: #20334f;
  --teal: #8ed2c3;
  --teal-bg: #203b3b;
  --amber: #eac78f;
  --amber-bg: #3a322b;
  --rose: #e5afc5;
  --rose-bg: #3c2c3d;
  --sidebar-width: 238px;
}
[data-theme="light"] .design-b2 {
  --bg: #f1f5fa;
  --sidebar: #fff;
  --panel: #fff;
  --panel-raised: #f6f8fc;
  --hover: #eaf0f8;
  --input: #f4f7fc;
  --line: #d5dfed;
  --line-soft: #e4ebf4;
  --text: #23334c;
  --muted: #52647e;
  --faint: #647792;
  --accent: #6854b8;
  --accent-fill: #725ac4;
  --accent-ink: #fff;
  --violet-bg: #ede9fa;
  --blue: #326bb5;
  --blue-bg: #e6effb;
  --teal: #287c70;
  --teal-bg: #e3f2ed;
  --amber: #916328;
  --amber-bg: #fbf0df;
  --rose: #a24f74;
  --rose-bg: #f7e8f0;
}
.design-b2 .topbar {
  height: 65px;
  background: var(--sidebar);
}
.design-b2 main {
  padding-top: 29px;
}
.design-b2 .page-header {
  margin-bottom: 23px;
}
.design-b2 h1 {
  font-size: 30px;
  letter-spacing: -1px;
}
.design-b2 .panel {
  box-shadow: 0 8px 22px #00000008;
}
.design-b2 .prototype-ribbon {
  background: var(--bg);
  font-size: 11px;
}
.design-b2 .sidebar {
  border-color: var(--line);
  padding-top: 22px;
}
.design-b2 .workspace-switch {
  margin: 22px 0 20px;
}
.design-b2 .nav-link {
  padding: 10px 12px;
}
.design-b2 .nav-link.active {
  box-shadow: inset 2px 0 var(--accent);
  background: linear-gradient(90deg, var(--violet-bg), transparent);
}
.design-b2 .sidebar-coordinator {
  background: linear-gradient(110deg, var(--violet-bg), var(--panel));
}
.design-b2 .page-description {
  max-width: 750px;
}
.b2-provenance {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 12px;
  color: var(--faint);
  line-height: 1.7;
  margin-top: 22px;
}
.b2-provenance > .icon {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}
.b2-section-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: var(--faint);
  font-size: 10px;
  letter-spacing: 1.5px;
}
.b2-section-label .badge {
  letter-spacing: 0;
  font-size: 10px;
}
.b2-subtle {
  font-size: 12px;
  color: var(--faint);
  line-height: 1.8;
}
.b2-signal-strip {
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 0 0 20px;
  margin-bottom: 21px;
  border-bottom: 1px solid var(--line);
  font-size: 12px;
  color: var(--muted);
  flex-wrap: wrap;
}
.b2-signal-strip > span {
  display: flex;
  gap: 9px;
  align-items: center;
}
.b2-signal-strip .icon {
  width: 15px;
  height: 15px;
  color: var(--faint);
}
.b2-signal-strip strong {
  color: var(--text);
  font-size: 14px;
}
.b2-signal-strip > a {
  margin-left: auto;
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 11px;
  color: var(--faint);
}
.b2-command-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(300px, 1fr);
  gap: 20px;
}
.b2-command-center {
  border: 1px solid #7469a855;
  border-radius: 16px;
  background:
    radial-gradient(ellipse at 95% 0%, #8c72ec1e, transparent 65%),
    linear-gradient(130deg, var(--panel), var(--input));
  padding: 26px 28px;
  min-width: 0;
}
.b2-coordinator-intro {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-top: 23px;
}
.b2-coordinator-intro .agent-avatar {
  width: 53px;
  height: 53px;
}
.b2-coordinator-intro h2 {
  font-size: 18px;
  letter-spacing: -0.3px;
}
.b2-coordinator-intro p {
  font-size: 11px;
  color: var(--faint);
  margin-top: 3px;
}
.b2-coordinator-intro > a {
  margin-left: auto;
  color: var(--faint);
}
.b2-coordinator-intro > a > .icon {
  width: 16px;
  height: 16px;
}
.b2-command-center > h3 {
  font-size: 32px;
  letter-spacing: -0.8px;
  font-weight: 550;
  line-height: 1.25;
  margin: 23px 0 13px;
}
.b2-command-copy {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.85;
  max-width: 510px;
}
.b2-command-prompt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--input);
  padding: 10px 11px 10px 16px;
  margin-top: 22px;
}
.b2-command-prompt > span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--muted);
}
.b2-command-prompt > span > .icon {
  width: 17px;
  height: 17px;
  color: var(--accent);
}
.b2-command-prompt > b {
  padding: 7px;
  background: var(--accent-fill);
  color: var(--accent-ink);
  border-radius: 7px;
  display: flex;
}
.b2-command-prompt > b > .icon {
  width: 18px;
  height: 18px;
}
.b2-command-prompt:hover {
  border-color: var(--accent);
}
.b2-coordination-links {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.b2-coordination-links > a {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  color: var(--muted);
}
.b2-coordination-links .icon {
  width: 14px;
  height: 14px;
}
.b2-coordination-links > a:hover {
  color: var(--accent);
}
.b2-constellation {
  margin-top: 25px;
  padding-top: 19px;
  border-top: 1px solid var(--line);
}
.b2-map-caption {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 9px;
  letter-spacing: 1px;
  color: var(--faint);
}
.b2-map-caption > .icon {
  width: 13px;
  height: 13px;
}
.b2-map-caption > span {
  margin-left: auto;
  font-size: 10px;
  letter-spacing: 0;
}
.b2-map-nodes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 13px;
}
.b2-map-node {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 10px;
  background: var(--panel);
}
.b2-map-node .icon {
  width: 15px;
  height: 15px;
}
.b2-map-node:hover {
  border-color: currentColor;
}
.b2-decision-stack {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.b2-decisions {
  flex: 1;
  padding: 23px;
}
.b2-decisions .panel-heading {
  margin-bottom: 17px;
}
.b2-decisions .panel-heading p {
  font-size: 11px;
}
.b2-decisions .badge {
  font-size: 10px;
}
.b2-decision-mark {
  width: 42px;
  height: 42px;
  background: var(--amber-bg);
  color: var(--amber);
  border-radius: 12px;
  display: grid;
  place-items: center;
  margin-top: 19px;
}
.b2-decision-mark > .icon {
  width: 22px;
  height: 22px;
}
.b2-decisions > h3 {
  font-size: 21px;
  line-height: 1.4;
  letter-spacing: -0.4px;
  margin: 18px 0 10px;
}
.b2-decisions > p {
  font-size: 12px;
  line-height: 1.85;
  color: var(--muted);
  max-width: 350px;
}
.b2-decision-checks {
  display: grid;
  gap: 10px;
  margin: 19px 0 15px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
.b2-decision-checks > span {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 12px;
  color: var(--muted);
}
.b2-decision-checks .icon {
  width: 14px;
  height: 14px;
  color: var(--faint);
}
.b2-decisions > .button {
  padding-left: 0;
}
.b2-observation {
  padding: 20px 23px;
}
.b2-observation .panel-heading {
  margin-bottom: 15px;
}
.b2-observation .panel-heading p {
  font-size: 11px;
}
.b2-observation > div:not(.panel-heading) {
  display: flex;
  gap: 12px;
  align-items: center;
}
.b2-connection-node {
  width: 12px;
  height: 12px;
  border: 2px solid var(--faint);
  border-radius: 100%;
  flex-shrink: 0;
}
.b2-observation > div > span {
  font-size: 11px;
  color: var(--faint);
}
.b2-observation strong {
  font-size: 12px;
  font-weight: 500;
  display: block;
  color: var(--text);
  margin-top: 4px;
}
.b2-observation > p {
  font-size: 11px;
  line-height: 1.8;
  color: var(--muted);
  margin-top: 14px;
}
.b2-workload {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--line);
  border-radius: 11px;
  margin: 20px 0;
  background: var(--panel);
  overflow: hidden;
}
.b2-workload > a {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 17px 20px;
  border-right: 1px solid var(--line);
}
.b2-workload > a:last-child {
  border: 0;
}
.b2-workload > a:hover {
  background: var(--hover);
}
.b2-workload > a > span {
  font-size: 12px;
  color: var(--muted);
}
.b2-workload strong {
  margin-left: auto;
  font-size: 18px;
  font-weight: 400;
}
.b2-workload small {
  font-size: 10px;
  color: var(--faint);
}
.b2-workstream-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 20px;
}
.b2-event-panel,
.b2-project-panel {
  padding: 22px;
}
.b2-event-empty {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 16px;
  border: 1px dashed var(--line);
  border-radius: 10px;
  background: var(--input);
}
.b2-event-empty > .icon {
  width: 22px;
  height: 22px;
  color: var(--faint);
  margin-top: 2px;
}
.b2-event-empty strong {
  font-size: 12px;
  font-weight: 500;
}
.b2-event-empty p {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.8;
  margin-top: 6px;
}
.b2-observation-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 17px;
}
.b2-observation-metrics > span {
  font-size: 10px;
  color: var(--faint);
}
.b2-observation-metrics strong {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: var(--muted);
  margin-top: 6px;
}
.b2-project-symbol {
  display: flex;
  align-items: center;
  gap: 11px;
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 14px;
  background: var(--input);
  font-size: 11px;
  color: var(--muted);
}
.b2-project-symbol > .icon {
  width: 18px;
  height: 18px;
  color: var(--accent);
}
.b2-project-symbol > i {
  height: 1px;
  background: var(--line);
  flex: 1;
  min-width: 5px;
}
.b2-project-panel > p {
  font-size: 11px;
  line-height: 1.8;
  color: var(--muted);
  margin: 14px 0 12px;
}
.b2-project-panel .button {
  font-size: 11px;
}
.b2-department-overview {
  margin-top: 27px;
}
.b2-department-rail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
.b2-department-rail-card {
  padding: 18px 16px;
  border: 1px solid var(--line);
  background: var(--panel);
  border-radius: 11px;
}
.b2-department-rail-card:hover {
  background: var(--panel-raised);
  border-color: var(--faint);
  transform: translateY(-2px);
}
.b2-department-rail-card > h3 {
  margin-top: 14px;
  font-size: 13px;
}
.b2-department-rail-card > p {
  font-size: 12px;
  color: var(--muted);
  margin-top: 6px;
}
.b2-department-rail-card > span:last-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  border-top: 1px solid var(--line);
  padding-top: 12px;
  margin-top: 14px;
  color: var(--faint);
  font-size: 10px;
}
.b2-department-rail-card > span:last-child > .icon {
  width: 13px;
  height: 13px;
}
.b2-area-card {
  padding: 25px;
}
.b2-area-number {
  color: var(--faint);
  font-size: 12px;
}
.b2-card-kicker {
  font-size: 10px !important;
  letter-spacing: 1.5px;
  color: var(--faint) !important;
  margin: 23px 0 7px !important;
  min-height: 0 !important;
}
.b2-area-card h2 {
  margin-top: 0;
  font-size: 22px;
}
.b2-area-card > p:not(.b2-card-kicker) {
  min-height: 68px;
  font-size: 13px;
  line-height: 1.85;
}
.b2-area-card-sections {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
.b2-area-card-sections > span {
  padding: 5px 8px;
  border: 1px solid var(--line);
  border-radius: 5px;
  color: var(--faint);
  font-size: 10px;
  background: var(--input);
}
.b2-area-card-owner {
  display: flex;
  gap: 11px;
  align-items: center;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
.b2-area-card-owner .agent-avatar {
  width: 34px;
  height: 34px;
}
.b2-area-card-owner strong {
  font-size: 12px;
  display: block;
}
.b2-area-card-owner small {
  font-size: 11px;
  color: var(--faint);
  display: block;
  margin-top: 3px;
}
.b2-area-card-owner > .icon {
  margin-left: auto;
  color: var(--faint);
  width: 16px;
  height: 16px;
}
.b2-dept-header {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 22px 0 12px;
}
.b2-dept-header .eyebrow {
  font-size: 10px;
  margin-bottom: 10px;
}
.b2-dept-header h1 {
  font-size: 31px;
}
.b2-dept-header > div > p:last-child {
  font-size: 13px;
  color: var(--muted);
  margin-top: 10px;
}
.b2-dept-header > .badge {
  margin-left: auto;
  font-size: 10px;
}
.b2-department-workspace > .back-link {
  margin-bottom: 2px;
}
.b2-department-workspace .tabs {
  margin-top: 12px;
  gap: 24px;
}
.b2-dept-workspace-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 278px;
  gap: 20px;
}
.b2-dept-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.b2-dept-main .panel {
  margin: 0;
}
.b2-dept-main .b2-workspace-panel {
  padding: 23px;
}
.b2-dept-main .panel-heading p {
  font-size: 12px;
}
.b2-dept-main .panel-heading {
  align-items: flex-start;
}
.b2-dept-aside {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
}
.b2-dept-aside .panel {
  padding: 19px;
}
.b2-dept-aside .panel-heading {
  margin-bottom: 15px;
}
.b2-dept-aside .panel-heading h2 {
  font-size: 14px;
}
.b2-dept-aside .panel-heading p {
  font-size: 11px;
}
.b2-dept-people {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.b2-dept-people > button {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 0;
  border: 0;
  background: none;
  text-align: left;
  border-radius: 7px;
}
.b2-dept-people > button:hover {
  background: var(--hover);
}
.b2-dept-people .agent-avatar {
  width: 36px;
  height: 36px;
}
.b2-dept-people strong {
  font-size: 12px;
  display: block;
}
.b2-dept-people small {
  font-size: 10px;
  color: var(--faint);
  display: block;
  margin-top: 3px;
  line-height: 1.6;
}
.b2-dept-people > button > .icon {
  margin-left: auto;
  width: 13px;
  height: 13px;
  color: var(--faint);
}
.b2-tools > div:not(.panel-heading) {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.b2-tools button {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
  background: var(--input);
  border: 1px solid var(--line);
  padding: 10px;
  font-size: 11px;
  text-align: left;
}
.b2-tools button > .icon {
  width: 14px;
  height: 14px;
}
.b2-tools small {
  display: block;
  font-size: 10px;
  color: var(--faint);
  line-height: 1.7;
  margin-top: 7px;
}
.b2-area-principles {
  padding: 8px 5px;
  color: var(--faint);
}
.b2-area-principles > span {
  font-size: 10px;
  letter-spacing: 1px;
}
.b2-area-principles p {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 11px;
  line-height: 1.8;
  margin-top: 12px;
}
.b2-area-principles .icon {
  width: 13px;
  height: 13px;
  margin-top: 3px;
}
.b2-resources {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 14px;
}
.b2-resource-card {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--input);
}
.b2-resource-card h3 {
  font-size: 14px;
  margin: 16px 0 9px;
}
.b2-resource-card > p {
  font-size: 12px;
  line-height: 1.8;
  color: var(--muted);
  margin-bottom: 15px;
}
.b2-resource-card .badge {
  font-size: 10px;
}
.b2-stage-flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 10px 0 12px;
  border: 1px solid var(--line);
  background: var(--input);
  border-radius: 10px;
}
.b2-stage-flow > div {
  padding: 16px 13px;
  border-right: 1px solid var(--line);
}
.b2-stage-flow > div:last-child {
  border: 0;
}
.b2-stage-flow span {
  display: block;
  font-size: 10px;
  color: var(--faint);
}
.b2-stage-flow strong {
  font-size: 12px;
  font-weight: 500;
  display: block;
  margin-top: 8px;
}
.b2-data-rows {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.b2-data-rows > div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 0;
  border-bottom: 1px solid var(--line-soft);
  font-size: 12px;
}
.b2-data-rows dt {
  color: var(--muted);
}
.b2-data-rows dd {
  margin: 0;
  color: var(--faint);
  text-align: right;
}
.b2-data-rows > div:last-child {
  border: 0;
}
.b2-workspace-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.b2-workspace-columns .panel {
  min-width: 0;
}
.b2-workspace-columns .panel-heading h2 {
  font-size: 14px;
}
.b2-workspace-columns .panel-heading {
  flex-direction: column;
  gap: 10px;
}
.b2-account-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}
.b2-account-grid > article {
  padding: 19px;
  background: var(--input);
  border: 1px solid var(--line);
  border-radius: 10px;
}
.b2-account-grid article > span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--blue);
  gap: 10px;
}
.b2-account-grid .badge {
  font-size: 9px;
}
.b2-account-grid h3 {
  font-size: 15px;
  margin: 18px 0 7px;
}
.b2-account-grid p {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.8;
}
.b2-account-grid dl {
  font-size: 11px;
  margin: 19px 0 0;
  border-top: 1px solid var(--line);
}
.b2-account-grid dl > div {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding-top: 11px;
}
.b2-account-grid dt {
  color: var(--faint);
}
.b2-account-grid dd {
  margin: 0;
}
.b2-backtest-state {
  display: flex;
  gap: 18px;
  padding: 19px;
  background: var(--input);
  border: 1px solid var(--line);
  border-radius: 10px;
}
.b2-backtest-state > .icon {
  color: var(--accent);
  width: 26px;
  height: 26px;
}
.b2-backtest-state p {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.8;
  margin-top: 7px;
}
.b2-checklist {
  margin: 23px 0;
}
.b2-checklist > div {
  display: flex;
  gap: 10px;
  align-items: center;
  border-bottom: 1px solid var(--line-soft);
  padding: 13px 0;
  font-size: 12px;
}
.b2-checklist .icon {
  width: 15px;
  height: 15px;
  color: var(--faint);
}
.b2-checklist span {
  margin-left: auto;
  font-size: 11px;
  color: var(--faint);
}
.b2-direction-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.b2-direction-grid > a {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 22px;
  background: linear-gradient(130deg, var(--violet-bg), var(--input));
}
.b2-direction-grid > a > .icon {
  width: 25px;
  height: 25px;
  color: var(--accent);
}
.b2-direction-grid h3 {
  font-size: 17px;
  margin: 20px 0 10px;
}
.b2-direction-grid p {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.85;
}
.b2-direction-grid span {
  display: flex;
  gap: 7px;
  align-items: center;
  font-size: 11px;
  color: var(--accent);
  margin-top: 25px;
}
.b2-direction-grid span .icon {
  width: 14px;
  height: 14px;
}
.b2-direction-grid > a:hover {
  border-color: var(--accent);
}
.b2-inline-context {
  display: flex;
  gap: 9px;
  align-items: center;
  border-top: 1px solid var(--line);
  padding-top: 18px;
  margin-top: 18px;
  font-size: 12px;
  flex-wrap: wrap;
}
.b2-inline-context > .icon {
  width: 16px;
  height: 16px;
  color: var(--accent);
}
.b2-inline-context strong {
  font-size: 11px;
  font-weight: 400;
  color: var(--faint);
  margin-left: auto;
}
.b2-inline-context .button {
  margin-left: auto;
}
.b2-growth-body {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 20px;
  margin-top: 23px;
}
.b2-growth-body h3 {
  font-size: 18px;
  line-height: 1.5;
}
.b2-growth-body p {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.85;
  margin: 10px 0 19px;
}
.b2-growth-stat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  background: var(--input);
  border-radius: 10px;
  color: var(--amber);
  padding: 20px;
  text-align: center;
}
.b2-growth-stat > span {
  font-size: 11px;
  color: var(--faint);
}
.b2-growth-stat strong {
  font-size: 18px;
  font-weight: 500;
  color: var(--text);
}
.b2-proposal-sheet {
  padding: 27px;
  border: 1px solid var(--line);
  background: var(--input);
  border-radius: 10px;
}
.b2-proposal-sheet > span {
  font-size: 10px;
  letter-spacing: 1px;
  color: var(--amber);
}
.b2-proposal-sheet h3 {
  font-size: 21px;
  margin: 16px 0;
}
.b2-proposal-sheet p {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.85;
  margin: 0 0 23px;
}
.b2-ops-readouts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.b2-ops-readouts > div {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 16px;
  background: var(--input);
  border: 1px solid var(--line);
  border-radius: 10px;
}
.b2-ops-readouts .icon {
  color: var(--teal);
}
.b2-ops-readouts span {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.75;
}
.b2-ops-readouts strong {
  font-size: 17px;
  font-weight: 500;
}
.b2-tool-links {
  display: grid;
  gap: 11px;
}
.b2-tool-links > a {
  display: flex;
  gap: 15px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 17px;
  background: var(--input);
}
.b2-tool-links > a:hover {
  border-color: var(--faint);
}
.b2-tool-links > a > .icon:first-child {
  color: var(--teal);
  width: 23px;
  height: 23px;
}
.b2-area-desarrollo-web .b2-tool-links > a > .icon:first-child {
  color: var(--rose);
}
.b2-tool-links h3 {
  font-size: 14px;
}
.b2-tool-links p {
  font-size: 12px;
  color: var(--muted);
  margin-top: 4px;
}
.b2-tool-links > a > .icon:last-child {
  margin-left: auto;
  width: 16px;
  height: 16px;
  color: var(--faint);
}
.b2-quality-table > div {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 12px;
  padding: 16px 10px;
  border-bottom: 1px solid var(--line);
  font-size: 12px;
}
.b2-quality-table > div:first-child {
  background: var(--input);
  font-size: 11px;
  color: var(--faint);
}
.b2-quality-table > div > span:not(:first-child) {
  color: var(--faint);
}
.b2-capacity-week {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 5px 0 25px;
}
.b2-capacity-week > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  padding: 20px 8px;
  background: var(--input);
  border: 1px solid var(--line);
  border-radius: 8px;
  text-align: center;
}
.b2-capacity-week strong {
  font-size: 11px;
}
.b2-capacity-week .icon {
  color: var(--faint);
  width: 18px;
  height: 18px;
}
.b2-capacity-week span {
  font-size: 10px;
  color: var(--faint);
}
.b2-diagnostic-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
  margin-bottom: 23px;
}
.b2-diagnostic-grid > div {
  background: var(--input);
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 18px;
}
.b2-diagnostic-grid .icon {
  color: var(--rose);
  width: 18px;
  height: 18px;
}
.b2-diagnostic-grid h3 {
  font-size: 13px;
  margin: 18px 0 10px;
}
.b2-diagnostic-grid span {
  font-size: 11px;
  color: var(--faint);
}
.b2-studio-brief {
  display: flex;
  gap: 20px;
  align-items: center;
  padding-top: 19px;
  margin-top: 20px;
  border-top: 1px solid var(--line);
}
.b2-studio-brief > div > span {
  font-size: 9px;
  letter-spacing: 1px;
  color: var(--rose);
}
.b2-studio-brief h3 {
  font-size: 21px;
  line-height: 1.5;
  margin: 9px 0 12px;
  max-width: 400px;
}
.b2-studio-brief p {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.8;
  max-width: 450px;
}
.b2-studio-art {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 95px;
  height: 115px;
  background: var(--rose-bg);
  border: 1px solid var(--line);
  border-radius: 15px;
  color: var(--rose);
  transform: rotate(4deg);
}
.b2-studio-art > .icon {
  width: 38px;
  height: 38px;
}
.b2-team-intro {
  display: flex;
  align-items: center;
  gap: 24px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
  padding: 18px 22px;
}
.b2-team-intro > div:first-child {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.b2-team-intro > div > strong {
  font-size: 27px;
  letter-spacing: -0.8px;
}
.b2-team-intro > div > span:not(.icon-tile) {
  font-size: 12px;
  color: var(--muted);
}
.b2-team-intro small {
  font-size: 10px;
  color: var(--faint);
}
.b2-team-intro > p {
  font-size: 12px;
  color: var(--faint);
  line-height: 1.8;
  max-width: 480px;
  border-left: 1px solid var(--line);
  padding-left: 24px;
}
.b2-team-intro > .segmented {
  margin-left: auto;
}
.b2-profile-card {
  padding: 22px;
  transition:
    transform 0.18s,
    border-color 0.18s,
    background-color 0.18s;
}
.b2-profile-card:hover {
  transform: translateY(-2px);
}
.b2-profile-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 19px;
}
.b2-profile-catalog {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  color: var(--faint);
  padding: 5px 7px;
  border: 1px solid var(--line);
  border-radius: 5px;
}
.b2-profile-catalog .icon {
  width: 12px;
  height: 12px;
}
.b2-profile-card h2 {
  font-size: 22px;
  letter-spacing: -0.5px;
}
.b2-profile-specialty {
  font-size: 13px;
  color: var(--text);
  margin-top: 5px;
}
.b2-profile-original {
  font-size: 11px;
  color: var(--faint);
  margin-top: 5px;
}
.b2-profile-availability {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: var(--faint);
  margin-top: 16px;
}
.b2-profile-availability > i {
  width: 5px;
  height: 5px;
  background: var(--faint);
  border-radius: 50%;
}
.b2-profile-responsibilities {
  border-top: 1px solid var(--line);
  margin: 18px 0 0;
  padding: 15px 0 0;
  list-style: none;
  display: grid;
  gap: 8px;
  min-height: 88px;
}
.b2-profile-responsibilities li {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.75;
  padding-left: 12px;
  position: relative;
}
.b2-profile-responsibilities li:before {
  content: "·";
  position: absolute;
  left: 0;
  color: var(--accent);
}
.b2-profile-detail-link {
  font-size: 11px;
  color: var(--faint);
  display: flex;
  align-items: center;
  gap: 7px;
}
.b2-profile-detail-link .icon {
  width: 14px;
  height: 14px;
}
.b2-profile-list {
  grid-template-columns: 1fr;
}
.b2-profile-list > .agent-card {
  display: grid;
  grid-template-columns: 90px 1fr 1.3fr;
  gap: 0 20px;
}
.b2-profile-list .b2-profile-card-header {
  grid-column: 1;
  grid-row: 1/5;
  display: block;
  margin: 0;
}
.b2-profile-list .b2-profile-catalog {
  display: none;
}
.b2-profile-list h2 {
  grid-column: 2;
  grid-row: 1;
}
.b2-profile-list .b2-profile-specialty {
  grid-column: 2;
  grid-row: 2;
}
.b2-profile-list .b2-profile-original {
  grid-column: 2;
  grid-row: 3;
}
.b2-profile-list .b2-profile-availability {
  grid-column: 2;
  grid-row: 4;
  margin-top: 9px;
}
.b2-profile-list .b2-profile-responsibilities {
  grid-column: 3;
  grid-row: 1/4;
  margin: 0;
  border: 0;
  padding-top: 2px;
  min-height: 0;
}
.b2-profile-list .agent-card-footer {
  grid-column: 3;
  grid-row: 4;
  margin-top: 9px;
  padding-top: 11px;
}
.b2-profile-cover {
  display: flex;
  gap: 17px;
  align-items: center;
  padding: 19px;
  border-radius: 11px;
  margin-bottom: 18px;
}
.b2-profile-cover > div {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.b2-profile-cover strong {
  font-size: 15px;
  color: var(--text);
  font-weight: 500;
}
.b2-profile-cover > div > span:not(.badge) {
  font-size: 12px;
  color: var(--muted);
}
.b2-profile-id {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 11px;
  color: var(--faint);
  margin: 0 0 19px;
}
.b2-profile-id > span {
  display: flex;
  gap: 7px;
  align-items: center;
  padding: 5px 9px;
  background: var(--input);
  border-radius: 5px;
  border: 1px solid var(--line);
}
.design-b2 code {
  font:
    11px ui-monospace,
    monospace;
  color: var(--accent);
}
.b2-detail-responsibilities {
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
  margin: 18px 0 24px;
}
.b2-detail-responsibilities li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 13px;
  color: var(--muted);
  line-height: 1.8;
}
.b2-detail-responsibilities .icon {
  width: 15px;
  height: 15px;
  color: var(--accent);
  margin-top: 4px;
}
.b2-presentation-controls {
  margin-top: 25px;
  border-top: 1px solid var(--line);
  padding-top: 21px;
}
.b2-presentation-controls > p {
  font-size: 12px;
  color: var(--faint);
  line-height: 1.8;
  margin: 10px 0 17px;
}
.b2-avatar-picker {
  padding: 16px 0;
  border: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 9px;
}
.b2-avatar-picker legend {
  padding: 0 0 15px;
  font-size: 12px;
  color: var(--muted);
}
.b2-avatar-picker > label {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line);
  background: var(--input);
  border-radius: 9px;
  padding: 9px 5px;
  font-size: 10px;
  cursor: pointer;
}
.b2-avatar-picker .agent-avatar {
  width: 46px;
  height: 46px;
}
.b2-avatar-picker > label:has(input:checked) {
  border-color: var(--accent);
  background: var(--violet-bg);
}
.b2-avatar-picker input {
  width: 13px;
  height: 13px;
  accent-color: var(--accent);
}
.b2-form-error {
  color: var(--rose);
  font-size: 12px;
  line-height: 1.8;
}
.b2-command-role {
  display: block !important;
  margin-top: 4px;
  font-size: 11px;
  color: var(--faint);
}
.b2-office-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 20px;
}
.b2-office-plan {
  background: linear-gradient(145deg, var(--panel), var(--input));
}
.b2-office-room-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  margin: 24px 0;
}
.b2-office-room {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 21px 17px;
  min-height: 155px;
  background: var(--panel);
}
.b2-office-room strong {
  color: var(--text);
  font-size: 14px;
}
.b2-office-room small {
  font-size: 10px;
  line-height: 1.8;
  color: var(--faint);
}
.b2-office-room.selected {
  border-color: var(--accent);
  box-shadow: inset 0 0 0 1px var(--accent);
}
.b2-office-shared {
  color: var(--faint);
  background: var(--input);
}
.b2-office-room-grid > .b2-office-room:nth-child(2) {
  grid-column: span 2;
}
.b2-office-linkage .panel-heading {
  margin-bottom: 17px;
}
.b2-office-agent-link {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--line-soft);
}
.b2-office-agent-link strong {
  display: block;
  font-size: 12px;
}
.b2-office-agent-link small {
  font-size: 10px;
  color: var(--faint);
  line-height: 1.7;
  display: block;
  margin-top: 3px;
}
.b2-office-agent-link code {
  font-size: 10px;
}
.b2-office-principle-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
}
.b2-office-principle-row h2 {
  font-size: 16px;
  margin: 17px 0 10px;
}
.b2-office-principle-row p {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.8;
}
.b2-existing-office {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 22px;
}
.b2-existing-office > .icon {
  color: var(--accent);
  width: 28px;
  height: 28px;
}
.b2-existing-office h2 {
  font-size: 15px;
}
.b2-existing-office p {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.8;
  margin-top: 6px;
}
.b2-existing-office > .button {
  margin-left: auto;
}
.design-b2 .button,
.b2-map-node,
.b2-department-rail-card {
  transition:
    background-color 0.16s,
    border-color 0.16s,
    transform 0.16s;
}
.design-b2 .button:hover:not(:disabled) {
  transform: translateY(-1px);
}
.design-b2 button:disabled {
  transform: none;
}
.design-b2 #main > .b2-dashboard,
.design-b2 #main > .b2-department-workspace {
  animation: b2-enter 0.18s ease-out;
}
@keyframes b2-enter {
  from {
    opacity: 0.8;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 1400px) {
  .b2-command-grid {
    grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr);
  }
  .b2-command-center {
    padding: 23px;
  }
  .b2-command-center > h3 {
    font-size: 30px;
  }
  .b2-workload > a {
    padding: 15px;
  }
  .b2-workload small {
    display: none;
  }
  .b2-dept-workspace-grid {
    grid-template-columns: minmax(0, 1fr) 250px;
  }
  .b2-resources {
    grid-template-columns: 1fr;
  }
  .b2-studio-art {
    width: 75px;
    height: 100px;
  }
  .b2-workspace-columns {
    grid-template-columns: 1fr;
  }
  .b2-team-intro {
    flex-wrap: wrap;
  }
  .b2-team-intro > p {
    flex: 1;
    min-width: 250px;
  }
  .b2-team-intro > .segmented {
    margin-left: 0;
  }
  .b2-office-layout {
    grid-template-columns: minmax(0, 1fr) 270px;
  }
}
@media (max-width: 1100px) {
  .b2-command-grid {
    grid-template-columns: 1fr;
  }
  .b2-decision-stack {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
  .b2-department-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .b2-workstream-grid {
    grid-template-columns: 1fr;
  }
  .b2-dept-workspace-grid {
    grid-template-columns: 1fr;
  }
  .b2-dept-aside {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .b2-area-principles {
    grid-column: 1/-1;
  }
  .b2-dept-header {
    flex-wrap: wrap;
  }
  .b2-dept-header > .badge {
    margin-left: 80px;
  }
  .b2-resources {
    grid-template-columns: repeat(2, 1fr);
  }
  .b2-office-layout {
    grid-template-columns: 1fr;
  }
  .b2-office-principle-row {
    grid-template-columns: 1fr;
  }
  .b2-existing-office {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .b2-existing-office > .button {
    margin-left: 45px;
  }
}
@media (max-width: 800px) {
  .design-b2 .workspace {
    margin-left: 0;
  }
  .design-b2 .sidebar {
    display: none;
  }
  .design-b2 main {
    padding: 25px 22px;
  }
  .design-b2 h1 {
    font-size: 28px;
  }
  .b2-dept-header h1 {
    font-size: 29px;
  }
  .b2-profile-list > .agent-card {
    grid-template-columns: 70px 1fr 1fr;
    gap: 0 15px;
  }
}
@media (max-width: 560px) {
  .design-b2 main {
    padding: 23px 17px;
  }
  .design-b2 h1 {
    font-size: 27px;
    line-height: 1.25;
  }
  .b2-signal-strip {
    gap: 12px 20px;
    font-size: 11px;
    padding-bottom: 16px;
    margin-bottom: 17px;
  }
  .b2-signal-status {
    flex-basis: 100%;
  }
  .b2-signal-strip > a {
    display: none;
  }
  .b2-command-center {
    padding: 20px;
  }
  .b2-section-label {
    font-size: 9px;
    letter-spacing: 1px;
    flex-wrap: wrap;
  }
  .b2-section-label .badge {
    font-size: 9px;
  }
  .b2-coordinator-intro {
    margin-top: 20px;
    gap: 11px;
  }
  .b2-coordinator-intro h2 {
    font-size: 18px;
  }
  .b2-coordinator-intro p {
    font-size: 10px;
    line-height: 1.6;
    max-width: 180px;
  }
  .b2-coordinator-intro .agent-avatar {
    width: 47px;
    height: 47px;
  }
  .b2-command-center > h3 {
    font-size: 29px;
    line-height: 1.25;
    margin-top: 23px;
  }
  .b2-command-copy {
    font-size: 12px;
    line-height: 1.9;
  }
  .b2-command-prompt {
    padding: 9px 8px 9px 12px;
  }
  .b2-command-prompt > span {
    font-size: 11px;
    gap: 8px;
  }
  .b2-command-prompt > span > .icon {
    display: none;
  }
  .b2-coordination-links {
    gap: 14px;
  }
  .b2-coordination-links > a {
    font-size: 10px;
    gap: 5px;
  }
  .b2-map-caption {
    flex-wrap: wrap;
    font-size: 9px;
    gap: 5px;
  }
  .b2-map-caption > span {
    margin-left: 0;
    flex-basis: 100%;
    font-size: 10px;
    margin-top: 4px;
  }
  .b2-map-nodes {
    grid-template-columns: 1fr 1fr;
  }
  .b2-map-node {
    font-size: 10px;
    gap: 6px;
    padding: 10px 8px;
    min-height: 40px;
  }
  .b2-map-node:last-child {
    grid-column: 1/-1;
  }
  .b2-decision-stack {
    grid-template-columns: 1fr;
  }
  .b2-workload {
    grid-template-columns: 1fr 1fr;
    margin: 18px 0;
  }
  .b2-workload > a {
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: 14px 13px;
    gap: 7px;
  }
  .b2-workload > a:nth-child(2) {
    border-right: 0;
  }
  .b2-workload > a:nth-child(3) {
    border-bottom: 0;
  }
  .b2-workload > a > span {
    font-size: 11px;
  }
  .b2-observation-metrics {
    gap: 10px;
  }
  .b2-observation-metrics > span {
    font-size: 10px;
    line-height: 1.6;
  }
  .b2-observation-metrics strong {
    font-size: 11px;
  }
  .b2-event-panel,
  .b2-project-panel {
    padding: 19px;
  }
  .b2-event-empty {
    padding: 14px 12px;
    gap: 10px;
  }
  .b2-project-symbol {
    font-size: 10px;
    gap: 7px;
    padding: 12px 10px;
  }
  .b2-project-symbol > .icon {
    display: none;
  }
  .b2-department-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
  }
  .b2-department-rail-card {
    padding: 17px 14px;
  }
  .b2-department-rail-card:last-child {
    grid-column: 1/-1;
  }
  .b2-provenance {
    font-size: 11px;
  }
  .b2-dept-header {
    gap: 15px;
    padding: 18px 0 10px;
  }
  .b2-dept-header .icon-tile-xl {
    width: 42px;
    height: 42px;
  }
  .b2-dept-header > div {
    flex: 1;
    min-width: 0;
  }
  .b2-dept-header .eyebrow {
    font-size: 9px;
    letter-spacing: 1px;
    line-height: 1.7;
    margin-bottom: 7px;
  }
  .b2-dept-header h1 {
    font-size: 25px;
  }
  .b2-dept-header > div > p:last-child {
    font-size: 12px;
    line-height: 1.8;
  }
  .b2-dept-header > .badge {
    margin-left: 57px;
    font-size: 9px;
  }
  .b2-department-workspace .tabs {
    gap: 20px;
  }
  .b2-department-workspace .tabs a {
    font-size: 12px;
  }
  .b2-dept-main .b2-workspace-panel {
    padding: 18px;
  }
  .b2-dept-aside {
    grid-template-columns: 1fr;
  }
  .b2-resources,
  .b2-direction-grid {
    grid-template-columns: 1fr;
  }
  .b2-stage-flow {
    grid-template-columns: 1fr 1fr;
  }
  .b2-stage-flow > div {
    border-bottom: 1px solid var(--line);
  }
  .b2-stage-flow > div:nth-child(2) {
    border-right: 0;
  }
  .b2-stage-flow > div:nth-child(3) {
    border-bottom: 0;
  }
  .b2-stage-flow strong {
    font-size: 11px;
  }
  .b2-inline-context {
    font-size: 11px;
  }
  .b2-inline-context strong {
    margin-left: 0;
  }
  .b2-account-grid,
  .b2-growth-body,
  .b2-ops-readouts {
    grid-template-columns: 1fr;
  }
  .b2-ops-readouts > div {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 8px 12px;
    align-items: center;
  }
  .b2-ops-readouts strong {
    grid-column: 2;
    font-size: 16px;
  }
  .b2-quality-table > div {
    font-size: 10px;
    gap: 7px;
    padding: 13px 0;
  }
  .b2-quality-table > div:first-child {
    font-size: 10px;
    padding: 11px 5px;
  }
  .b2-capacity-week,
  .b2-diagnostic-grid {
    grid-template-columns: 1fr 1fr;
    gap: 11px;
  }
  .b2-capacity-week > div {
    padding: 15px;
    gap: 15px;
  }
  .b2-diagnostic-grid > div {
    padding: 16px 13px;
  }
  .b2-studio-art {
    display: none;
  }
  .b2-studio-brief h3 {
    font-size: 20px;
  }
  .b2-team-intro {
    padding: 18px;
    gap: 17px;
  }
  .b2-team-intro > p {
    border: 0;
    padding: 0;
    min-width: 0;
    font-size: 12px;
    flex-basis: 100%;
  }
  .b2-team-intro > .segmented {
    width: 100%;
  }
  .b2-profile-card {
    padding: 22px;
  }
  .b2-profile-card h2 {
    font-size: 23px;
  }
  .b2-profile-responsibilities {
    min-height: 0;
  }
  .b2-profile-list > .agent-card {
    display: block;
  }
  .b2-profile-list .b2-profile-card-header {
    display: flex;
    margin-bottom: 18px;
  }
  .b2-profile-list .b2-profile-responsibilities {
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid var(--line);
  }
  .b2-profile-list .agent-card-footer {
    margin-top: 18px;
  }
  .b2-profile-cover {
    padding: 15px;
    gap: 13px;
  }
  .b2-profile-cover strong {
    font-size: 13px;
  }
  .b2-profile-cover > .agent-avatar {
    width: 55px;
    height: 55px;
  }
  .b2-avatar-picker {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
  .b2-avatar-picker > label {
    padding: 13px 8px;
    font-size: 11px;
  }
  .b2-avatar-picker .agent-avatar {
    width: 50px;
    height: 50px;
  }
  .b2-profile-id {
    font-size: 10px;
  }
  .b2-office-plan {
    padding: 19px;
  }
  .b2-office-room-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .b2-office-room-grid > .b2-office-room:nth-child(2) {
    grid-column: span 1;
  }
  .b2-office-room {
    padding: 17px 13px;
    gap: 14px;
    min-height: 168px;
  }
  .b2-office-room strong {
    font-size: 13px;
  }
  .b2-office-room small {
    font-size: 10px;
  }
  .b2-office-linkage .detail-list dd {
    max-width: none;
  }
  .b2-existing-office {
    padding: 20px;
    gap: 13px;
  }
  .b2-existing-office > div {
    flex: 1;
    min-width: 0;
  }
  .b2-existing-office > .button {
    margin-left: 0;
    width: 100%;
    font-size: 11px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .design-b2 *,
  .design-b2 *::before,
  .design-b2 *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .b2-profile-card:hover,
  .b2-department-rail-card:hover,
  .design-b2 .button:hover:not(:disabled) {
    transform: none;
  }
}
/* Dense command layout keeps the operational context visible without fake filler. */
@media (min-width: 1101px) {
  .b2-command-center {
    padding: 22px 25px;
  }
  .b2-coordinator-intro {
    margin-top: 17px;
  }
  .b2-coordinator-intro .agent-avatar {
    width: 44px;
    height: 44px;
  }
  .b2-command-center > h3 {
    font-size: 29px;
    margin: 17px 0 11px;
    line-height: 1.2;
  }
  .b2-command-copy {
    font-size: 12px;
    line-height: 1.8;
  }
  .b2-command-prompt {
    margin-top: 17px;
    padding: 8px 9px 8px 14px;
  }
  .b2-coordination-links {
    margin-top: 13px;
  }
  .b2-constellation {
    margin-top: 19px;
    padding-top: 15px;
  }
  .b2-map-nodes {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 7px;
    margin-top: 12px;
  }
  .b2-map-node {
    padding: 10px 7px;
    font-size: 10px;
    gap: 5px;
    min-height: 45px;
  }
  .b2-map-node > .icon {
    width: 13px;
    height: 13px;
  }
  .b2-decisions {
    padding: 20px 22px;
  }
  .b2-decision-mark {
    display: none;
  }
  .b2-decisions > h3 {
    font-size: 19px;
    margin: 13px 0 9px;
  }
  .b2-decision-checks {
    grid-template-columns: repeat(3, 1fr);
    margin: 14px 0 10px;
    padding-top: 14px;
    gap: 12px;
  }
  .b2-decision-checks > span {
    align-items: flex-start;
    flex-direction: column;
    font-size: 10px;
    gap: 8px;
    line-height: 1.7;
  }
  .b2-observation {
    padding: 17px 22px;
  }
  .b2-observation .panel-heading {
    margin-bottom: 12px;
  }
  .b2-observation .panel-heading p {
    display: none;
  }
  .b2-observation > p {
    font-size: 10px;
    line-height: 1.7;
    margin-top: 10px;
  }
  .b2-observation .panel-heading h2 {
    font-size: 14px;
  }
}