/* The workspace couldn't load (new_ui): js/views/view-switch.js. One card
   takes the page; the empty states drawn underneath stay hidden. */
body.new-ui .le-on > :not(.le-box) { display: none !important; }
body.new-ui .le-box[hidden] { display: none; }
body.new-ui .le-box .le-card {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center;
  padding: 28px 32px; margin: 8px 0 26px; box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px -12px rgba(0,0,0,.12);
}
body.new-ui .le-card h2 { margin: 0 0 6px; font-size: 22px; letter-spacing: -.02em; line-height: 1.25; }
body.new-ui .le-card p { margin: 0; color: var(--ui-ink-2); max-width: 62ch; line-height: 1.5; }

@media (max-width: 900px) {
  body.new-ui .le-box .le-card { grid-template-columns: 1fr; padding: 22px; }
  body.new-ui .le-card .ui-btn { width: 100%; }
}