/* AlgoLab - idea apps as graph nodes (complex_nodes/idea_nodes.py): parameters drawer, Input mapping card,
   model views. idn- scoped (loaded globally from /assets). */
.idn-params { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.idn-card { background: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.07); border-radius: 10px; padding: 10px 12px; }
.idn-head { grid-column: 1 / -1; }
.idn-title { color: #cfefff; font-weight: 600; font-size: .95rem; margin-right: 8px; }
.idn-type { font-size: .64rem; color: #e8b04a; border: 1px solid #e8b04a; border-radius: 10px; padding: 1px 7px; margin-right: 8px; }
.idn-app { color: #9fb3c8; font-size: .7rem; }
.idn-doc { color: #c9d6e2; font-size: .76rem; line-height: 1.45; margin: 6px 0 8px; }
.idn-lab { display: block; color: #9fb3c8; font-size: .66rem; text-transform: uppercase; letter-spacing: .6px; margin-bottom: 6px; }
.idn-help { color: #7f93a8; font-size: .66rem; margin-top: 5px; line-height: 1.35; }
.idn-outs { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.idn-out { color: #e8e8e8; font-size: .72rem; }
.idn-kind { display: inline-block; font-size: .6rem; border: 1px solid; border-radius: 9px; padding: 0 6px; margin-left: 4px; }
.idn-msg { grid-column: 1 / -1; color: #8fd49a; font-size: .72rem; min-height: 1em; }
.idn-in { width: 100%; height: 32px; }
.idn-code { width: 100%; min-height: 130px; resize: vertical; font-family: ui-monospace, "Cascadia Mono", Consolas, Menlo, monospace;
  font-size: .76rem; line-height: 1.5; color: #e8f4ff; background: rgba(0,0,0,0.45); border: 1px solid rgba(255,255,255,0.14);
  border-radius: 8px; padding: 7px 9px; white-space: pre; overflow: auto; }
.idn-code:focus { border-color: #f0a030; outline: none; }
.idn-card:has(.idn-code) { grid-column: 1 / -1; }
.idn-slot { padding: 7px 8px; border-radius: 8px; background: rgba(255,255,255,0.04); margin-bottom: 6px; }
.idn-slot-h { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.idn-slot-t { color: #e8e8e8; font-size: .78rem; font-weight: 600; margin-right: 4px; }
.idn-slot-d { color: #9fb3c8; font-size: .68rem; margin: 3px 0; }
.idn-wire { display: inline-block; color: #cfefff; font-size: .7rem; background: rgba(91,141,239,0.15); border-radius: 8px; padding: 1px 7px; margin-right: 4px; }
.idn-wire.off { color: #7f93a8; background: rgba(255,255,255,0.05); }
.idn-hint { color: #7f93a8; font-size: .66rem; margin-top: 4px; }
.idn-views { display: flex; flex-direction: column; gap: 10px; }
.idn-view { background: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.07); border-radius: 10px; padding: 8px 10px; }
.idn-vt { color: #cfefff; font-size: .8rem; font-weight: 600; margin-bottom: 4px; }
.idn-table-wrap { overflow-x: auto; max-height: 460px; overflow-y: auto; }
.idn-table { width: 100%; border-collapse: collapse; font-size: .72rem; color: #e8e8e8; }
.idn-table th { position: sticky; top: 0; background: #11161c; color: #9fb3c8; font-weight: 500; text-align: left;
  padding: 4px 6px; border-bottom: 1px solid rgba(255,255,255,0.1); white-space: nowrap; }
.idn-table td { padding: 3px 6px; border-bottom: 1px solid rgba(255,255,255,0.04); white-space: nowrap; }
.idn-sec { grid-column: 1 / -1; color: #cfefff; font-size: .74rem; font-weight: 600; text-transform: uppercase; letter-spacing: .8px; margin: 8px 2px 0; padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.pk-nodepanel .idn-card .dash-dropdown.idn-dd { width: 100% !important; }