/* Layout additions reuse the reviewed Product/Axon control and color tokens. */
.live-console .app-row, .live-console .setting-row { display: flex; gap: 16px; align-items: center; padding: 22px 23px; border-bottom: 1px solid var(--line); }
.live-console .app-row { color: var(--ink); text-decoration: none; }
.live-console .app-row:hover { background: var(--field); }
.live-console .app-main, .live-console .setting-row > div:first-child { flex: 1; min-width: 0; }
.live-console .app-main p, .live-console .setting-row p { margin: 5px 0 0; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.live-console .app-mark { width: 39px; height: 39px; border: 1px solid var(--line); border-radius: var(--radius); display: grid; place-items: center; color: var(--accent); background: var(--accent-soft); flex-shrink: 0; }
.live-console .field { display: block; }
.live-console .field > span { display: block; font-size: 13px; font-weight: 500; margin-bottom: 8px; }
.live-console .panel > form { padding: 23px; }
.live-console .back-link { display: inline-block; margin-bottom: 20px; color: var(--muted); font-size: 12px; text-decoration: none; }
.live-console .panel > h2, .live-console .panel > p, .live-console .panel > pre, .live-console .panel > .notice { margin: 23px; }
@media(max-width:640px) {
  .live-console .app-row, .live-console .setting-row { flex-wrap: wrap; padding: 18px; }
  .live-console .app-main, .live-console .setting-row > div:first-child { flex-basis: 65%; }
  .live-console .user .button { min-width: 0; padding: 8px; font-size: 11px; }
}