/* intro_v4 控制台宿主样式（组件样式在各自命名空间：ad- / 布局壳 / in-） */
html, body { font-family: var(--dt-font-sans); color: var(--dt-text-primary, #e2e8f0); }

.i4-content { padding: 20px 24px; overflow-y: auto; height: 100%; box-sizing: border-box;
  scrollbar-width: thin; scrollbar-color: var(--dt-border-default, #2d3a5c) transparent; }

.i4-toolbar { display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin-bottom: 16px; }
.i4-toolbar-title { font-size: 14px; font-weight: 600; color: var(--dt-text-secondary, #94a3b8); }

.i4-logout { padding: 5px 14px; font-size: 12px; border-radius: 999px; cursor: pointer;
  color: var(--dt-text-secondary, #94a3b8); background: var(--dt-bg-surface, #0f172a);
  border: 1px solid var(--dt-border-default, #2d3a5c); transition: all .15s; }
.i4-logout:hover { color: #fff; background: #b91c1c; border-color: transparent; }

.i4-blank-card { max-width: 660px; margin: 6vh auto 0; display: flex; flex-direction: column;
  gap: 14px; align-items: center; text-align: center;
  background: var(--dt-bg-surface, #0f172a); border: 1px dashed var(--dt-border-default, #2d3a5c);
  border-radius: var(--dt-radius-lg, 12px); padding: 48px 32px; }
.i4-blank-glyph { font-size: 40px; opacity: .6; }
.i4-blank-title { font-size: 16px; font-weight: 600; }
.i4-blank-detail { font-size: 13px; color: var(--dt-text-muted, #64748b); line-height: 1.7;
  max-width: 480px; }
.i4-blank-note { width: 100%; max-width: 520px; margin-top: 6px; }

[hidden] { display: none !important; }