.layout-version-switch {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 2px;
  padding: 3px;
  border: 1px solid #dce5de;
  border-radius: 8px;
  background: #f4f7f4;
}

.layout-version-switch button {
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #66756c;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.layout-version-switch button[aria-pressed="true"] {
  border-color: #d2e0d6;
  color: #245d3c;
  background: #fff;
  box-shadow: 0 1px 3px #173d2010;
}

.layout-version-switch button:hover { color: #245d3c; }
.layout-version-switch button:focus-visible { outline: 2px solid #168657; outline-offset: 2px; }
.site-header .header-meta { flex-wrap: wrap; justify-content: flex-end; }

/* The original page and its original styles remain available on the same inputs. */
body:not(.workspace) .workspace-nav,
body:not(.workspace) .header-workspace-name,
body:not(.workspace) #mobileQuoteBar { display: none !important; }

body:not(.workspace) .header-brand,
body:not(.workspace) #cartSection,
body:not(.workspace) .quote-content,
body:not(.workspace) .quote-action-area { display: contents; }

body:not(.workspace) .cart-toolbar h2 { font-size: 14px; }

.mobile-quote-preview-active #quoteCard { margin: 24px 0; }
.workspace.mobile-quote-preview-active #quoteCard { margin: 0 0 16px; }
.mobile-quote-preview-active #mobileQuoteBar { display: none !important; }
.workspace.mobile-quote-preview-active .footer { padding-bottom: 26px; }

@media (max-width: 720px) {
  .site-header,
  .workspace .site-header {
    height: auto;
    min-height: 72px;
    gap: 8px;
    padding: 10px 14px;
  }
  .site-header .header-copy { display: none; }
  .site-header .header-meta { flex: 1; gap: 6px 8px; }
  .site-header .site-activity-controls { gap: 8px; }
  .layout-version-switch { padding: 2px; }
  .layout-version-switch button { min-height: 27px; padding: 0 9px; font-size: 11px; }
}