.kp-nav-modes{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.kp-nav-columns{display:grid;grid-template-columns:minmax(180px,30%) minmax(0,1fr);gap:16px}.kp-nav-columns aside{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow:auto}.kp-nav-columns aside button{text-align:left;white-space:normal;overflow-wrap:anywhere;width:100%}.kp-nav-branch{padding-left:14px;display:grid;gap:6px;border-left:2px solid var(--border)}.kp-nav-card{padding:14px;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;background:var(--surface);color:var(--text);overflow-wrap:anywhere}.kp-nav-card.selected{border:2px solid #48845a;background:var(--green-soft)}.kp-nav-context{padding-left:18px;margin:8px 0;font-size:13px;line-height:1.5;color:var(--text)}.kp-nav-context ol{padding-left:18px;list-style:none;border-left:1px solid var(--border)}.kp-nav-context small{display:block;color:var(--text)}.kp-nav-results{max-height:560px;overflow:auto}.kp-nav-manage-row{border:1px solid var(--border);padding:12px;border-radius:10px;display:grid;gap:8px}.kp-nav-manage-list{display:grid;gap:10px;margin:16px 0}.kp-nav-summary{padding:12px;background:var(--surface-2);color:var(--text);border-radius:10px;white-space:pre-line}.kp-nav-manage-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.kp-nav-manage-toolbar label{flex:1;min-width:160px}.kp-nav-selected{font-weight:700;background:var(--green-soft);color:var(--text);padding:12px;border-radius:8px} [data-kp-navigation] button{min-height:40px}@media(max-width:640px){.kp-nav-columns{grid-template-columns:1fr}.kp-nav-columns aside{max-height:200px}.kp-nav-results{max-height:440px}.kp-nav-modes button{flex:1 1 100%}.kp-nav-card button{width:100%}}
.kp-nav-source-matches{display:grid;gap:10px;max-height:400px;overflow:auto}.kp-nav-manage-row small{overflow-wrap:anywhere}

/* Long saved-section names must retain their intrinsic height inside the scrolling facet list. */
.kp-nav-columns aside>button,.kp-nav-columns aside>details{flex-shrink:0}
.kp-nav-change-preview{max-height:360px;overflow:auto;padding-left:24px;overflow-wrap:anywhere}.kp-nav-change-preview li{padding:8px 4px;border-bottom:1px solid var(--border)}

/* v037 categories only, in the existing portal design system. */
.modal:has(#kpNavigationEditor){width:min(1180px,calc(100% - 24px))}
#kpNavigationEditor{max-width:1180px;min-width:0}#kpNavigationEditor header h2{margin:8px 0}.kp-nav-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.kp-nav-stats>div,.kp-nav-settings>section,.kp-nav-bulk{padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.kp-nav-stats b{font-size:28px;display:block}.kp-nav-stats span{display:block;margin-top:8px;color:var(--muted)}.kp-nav-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.kp-nav-category-list{display:grid;gap:8px;margin-bottom:12px}.kp-nav-table{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:12px 0}.kp-nav-table-head,.kp-nav-table-row{display:grid;grid-template-columns:44px 70px minmax(0,1fr) minmax(110px,18%) 115px;gap:12px;padding:14px;align-items:center}.kp-nav-table-head{background:var(--surface-2);font-weight:700}.kp-nav-table-row{border-top:1px solid var(--border);overflow-wrap:anywhere}.kp-nav-table-row p{font-size:13px;color:var(--muted);margin:6px 0}.kp-nav-table-row input[type=checkbox]{width:20px;height:20px}.kp-nav-available{color:var(--green,#27834e)}.kp-nav-bulk{margin:20px 0}.kp-nav-footer{position:sticky;bottom:0;background:var(--surface);padding:12px 0;z-index:1}#kpNavigationEditor button{min-height:42px;white-space:normal}#kpNavigationEditor [data-kpn-error]:empty{display:none}#kpNavigationEditor [data-kpn-error]{color:var(--red,#b3261e);padding:12px;border:1px solid currentColor;border-radius:8px}#kpNavigationEditor [data-kpn-issues]{white-space:pre-line;overflow-wrap:anywhere}#kpNavigationEditor input,#kpNavigationEditor select{min-width:0;max-width:100%}
@media(max-width:700px){.kp-nav-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kp-nav-settings{grid-template-columns:1fr}.kp-nav-table-head{display:none}.kp-nav-table-row{grid-template-columns:26px minmax(0,1fr);gap:10px}.kp-nav-table-row>div{grid-column:2}.kp-nav-table-row>span{grid-column:2}.kp-nav-table-row>span:before{content:attr(data-label) ": ";font-weight:600}.kp-nav-table-row>label{grid-column:1;grid-row:1/5}.kp-nav-footer{position:static}.kp-nav-footer button{width:100%}.kp-nav-manage-toolbar>input{width:100%}.kp-nav-table-row strong{font-size:14px}.kp-nav-settings>section{padding:14px}}