/* Portal-specific layout on top of kyronet.css. Tokens only. */
[hidden] { display: none !important; }

.np-foot { display: grid; gap: var(--space-1); justify-items: start; }
.np-foot form { margin: 0; }

.np-alerts { display: grid; gap: var(--space-2); margin-bottom: var(--space-6); }
.np-alerts:empty { display: none; }

.np-filters { margin: var(--space-4) 0; flex-wrap: wrap; }
.np-filters .kn-input { width: 280px; max-width: 100%; }
.np-filters .kn-select { width: 200px; max-width: 100%; }
.np-filters .np-count { margin-left: auto; }

.np-host { text-decoration: none; }
.np-host:hover { text-decoration: underline; text-underline-offset: 3px; }
.np-issue { margin-left: var(--space-2); }
.np-cell-stack { display: flex; align-items: baseline; gap: var(--space-2); flex-wrap: wrap; }
.kn-table td.np-wrap { white-space: normal; }

.np-form { display: grid; gap: var(--space-4); }
.np-form .kn-input, .np-form .kn-select { width: 100%; }
.np-suffix { display: flex; align-items: center; gap: var(--space-2); }
.np-suffix .kn-input { flex: 1; min-width: 0; }
.np-grid-2 { display: grid; grid-template-columns: minmax(0, 1fr) 120px; gap: var(--space-4); }
.np-checkline { display: flex; align-items: center; gap: var(--space-2); cursor: pointer; }
.np-path { margin: 0; padding: var(--space-2) var(--space-3); background: var(--bg-inset); border: var(--stroke) solid var(--border); border-radius: var(--radius-md); overflow-wrap: anywhere; }

@media (max-width: 640px) {
  .np-wide { display: none; }
  .np-grid-2 { grid-template-columns: minmax(0, 1fr); }
  .np-filters .kn-input, .np-filters .kn-select { width: 100%; }
  .np-filters .np-count { margin-left: 0; }
}

.np-noscroll { overflow: hidden; }
.np-menu { position: fixed; z-index: 30; }
.np-user { padding: 0 var(--space-2); overflow-wrap: anywhere; }
.np-user:empty { display: none; }
#tunnel-status { display: inline-flex; align-items: center; gap: var(--space-2); }