/* Shared geometry and rhythm. Colors intentionally remain owned by each view. */
:root {
  --ds-space-1:4px;
  --ds-space-2:8px;
  --ds-space-3:12px;
  --ds-space-4:16px;
  --ds-space-5:24px;
  --ds-space-6:32px;
  --ds-radius-sm:8px;
  --ds-radius-md:12px;
  --ds-radius-lg:16px;
  --ds-radius-pill:999px;
  --ds-card-gap:16px;
  --ds-card-padding:18px;
  --ds-page-x:32px;
  --ds-control-height:38px;
  --ds-chip-height:28px;
  --radius-sm:var(--ds-radius-sm);
  --radius-md:var(--ds-radius-md);
  --radius-lg:var(--ds-radius-lg);
}

/* Card page alignment */
@media (min-width:769px) {
  .idea-view .idea-bar {
    padding:var(--ds-space-5) var(--ds-page-x);
    gap:var(--ds-space-5);
  }
  .idea-view .graph-hdr { padding-right:var(--ds-page-x); padding-left:var(--ds-page-x); }
  .idea-view .card-content {
    gap:var(--ds-card-gap);
    padding:var(--ds-space-5) var(--ds-page-x) 150px;
  }
  .idea-view .card-column { gap:var(--ds-card-gap); }
  .idea-view .idea-card,
  .idea-view .core-card,
  .idea-view .card-timeline,
  .idea-view .growth-dock,
  .idea-view .card-tension-block,
  .idea-view .card-origin-block,
  .idea-view .card-turn-block {
    padding:var(--ds-card-padding);
    border-radius:var(--ds-radius-lg);
  }
  .idea-view .card-section-label { margin-bottom:var(--ds-space-4); }
  .idea-view .core-card .card-core-text { margin-top:0; }
  .idea-view .core-card .card-actions { top:var(--ds-space-4); right:var(--ds-space-4); gap:var(--ds-space-2); }
  .idea-view .core-card .card-actions button { border-radius:var(--ds-radius-sm); }
  .idea-view .idea-meta-chip { height:var(--ds-chip-height); min-height:var(--ds-chip-height); border-radius:var(--ds-radius-pill); }
  .idea-view .status-sel { min-height:var(--ds-control-height); border-radius:var(--ds-radius-md); }
  .idea-view .tab-btn { min-height:var(--ds-control-height); border-radius:var(--ds-radius-md); }
  .idea-view .card-chip { border-radius:var(--ds-radius-pill); }
  .idea-view .growth-dock .card-next-action,
  .idea-view .growth-actions button { border-radius:var(--ds-radius-md); }
}

/* Sidebar rhythm */
.list-hdr { padding:var(--ds-space-5) var(--ds-space-5) var(--ds-space-2); }
.new-btn { min-height:44px; margin-top:var(--ds-space-4); border-radius:var(--ds-radius-md); }
.universe-btn,.universe-btn.active { min-height:var(--ds-control-height); margin-top:var(--ds-space-2); border-radius:var(--ds-radius-md); }
.sidebar-divider { margin:var(--ds-space-4) var(--ds-space-5) var(--ds-space-2); }
.sidebar-list-label { padding:0 var(--ds-space-5) var(--ds-space-2); }
.ideas-list { padding:var(--ds-space-1) var(--ds-space-3) var(--ds-space-3); }
.idea-item { margin-bottom:var(--ds-space-1); padding:var(--ds-space-3); border-radius:var(--ds-radius-md); }
.idea-item-meta { gap:var(--ds-space-2); margin-top:var(--ds-space-2); }
.idea-status-badge { height:24px; min-height:24px; border-radius:var(--ds-radius-pill); }
.list-del-btn { border-radius:var(--ds-radius-sm); }
.bottom-sec .settings-link { min-height:52px; padding-right:var(--ds-space-5); padding-left:var(--ds-space-5); }

/* Chat rhythm */
.idea-view .drawer-panel,
.idea-view .drawer-panel.open,
.idea-view .drawer-panel.closed { border-radius:var(--ds-radius-lg) var(--ds-radius-lg) 0 0; }
.idea-view .drawer-header { padding:var(--ds-space-3) var(--ds-space-4); }
.idea-view .drawer-panel.closed .drawer-header { padding:var(--ds-space-2) var(--ds-space-4); }
.idea-view .chat-pixel-avatar,.idea-view .msg-avatar { border-radius:var(--ds-radius-sm); }
.idea-view .drawer-toggle-btn { min-height:var(--ds-control-height); border-radius:var(--ds-radius-sm); }
.idea-view .chat-context-pin { margin:0 var(--ds-space-4) var(--ds-space-1); padding:var(--ds-space-2) var(--ds-space-3); border-radius:var(--ds-radius-md); }
.idea-view .messages { gap:var(--ds-space-4); padding:var(--ds-space-4) var(--ds-space-5); }
.idea-view .msg { gap:var(--ds-space-3); }
.idea-view .msg-stack { gap:var(--ds-space-2); }
.idea-view .msg-bubble,
.idea-view .msg.ai .msg-bubble,
.idea-view .msg.user .msg-bubble { padding:var(--ds-space-3) var(--ds-space-4); border-radius:var(--ds-radius-md); }
.idea-view .msg.ai .msg-bubble { border-top-left-radius:var(--ds-space-1); }
.idea-view .msg.user .msg-bubble { border-top-right-radius:var(--ds-space-1); }
.idea-view .chat-input-area { padding:var(--ds-space-3) var(--ds-space-5) var(--ds-space-4); }
.idea-view .input-row { min-height:52px; gap:var(--ds-space-2); padding:6px; padding-left:var(--ds-space-4); border-radius:var(--ds-radius-md); }
.idea-view .send-btn { width:var(--ds-control-height); height:var(--ds-control-height); flex-basis:var(--ds-control-height); border-radius:var(--ds-radius-sm); }

/* Universe overlays */
.universe-node-preview { padding:var(--ds-space-4); border-radius:var(--ds-radius-lg); }
.universe-preview-title { margin-top:var(--ds-space-2); }
.universe-preview-teaser { margin-top:var(--ds-space-2); }
.universe-preview-meta { gap:var(--ds-space-3); margin-top:var(--ds-space-3); padding-top:var(--ds-space-3); }
.universe-view .universe-inspector {
  column-gap:var(--ds-space-5);
  padding:var(--ds-space-5);
  border-radius:var(--ds-radius-lg);
}
.universe-view .universe-inspector-close { border-radius:var(--ds-radius-sm); }
.universe-view .universe-inspector-next { padding:var(--ds-space-3); border-radius:var(--ds-radius-md); }
.universe-view .universe-inspector-actions { gap:var(--ds-space-2); margin-top:var(--ds-space-3); }
.universe-view .universe-inspector-actions button { min-height:var(--ds-control-height); border-radius:var(--ds-radius-md); }

@media (max-width:768px) {
  :root { --ds-page-x:16px; }
  body .idea-view .idea-bar { padding:var(--ds-space-5) var(--ds-page-x); }
  body .idea-view .graph-hdr { padding-right:var(--ds-page-x); padding-left:var(--ds-page-x); }
  body .idea-view .card-content { gap:var(--ds-card-gap); padding:var(--ds-space-4) var(--ds-page-x) 122px; }
  body .idea-view .card-column { gap:var(--ds-card-gap); }
  body .idea-view .idea-card { padding:var(--ds-card-padding); border-radius:var(--ds-radius-lg); }
  body .list-hdr { padding:var(--ds-space-5) var(--ds-space-5) var(--ds-space-2); }
  body .idea-view .drawer-header { padding:var(--ds-space-3) var(--ds-space-4); }
  body .idea-view .messages { padding:var(--ds-space-4); }
  body .idea-view .chat-input-area { padding:var(--ds-space-2) var(--ds-space-3) var(--ds-space-3); }
  body .universe-view .universe-inspector,
  body .universe-view .universe-inspector.open { padding:var(--ds-card-padding); border-radius:var(--ds-radius-lg); }
}