/* Page defaults and interaction states. */
* { box-sizing: border-box; }
  body { margin: 0; background: var(--grey-50); font-family: var(--font-sans); }
  a { color: var(--primary-500); text-decoration: none; }
  a:hover { color: var(--primary-600); text-decoration: underline; }
  input { font-family: var(--font-sans); }
  @keyframes kxScrim { from { opacity: 0; } to { opacity: 1; } }
  @keyframes kxScrimOut { from { opacity: 1; } to { opacity: 0; } }
  @keyframes kxPanel { from { opacity: 0; transform: translateY(-8px) scale(.985); } to { opacity: 1; transform: none; } }
  @keyframes kxPanelOut { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateY(-6px) scale(.99); } }
  @keyframes kxSideIn { from { opacity: 0; transform: translateX(-14px); } to { opacity: 1; transform: none; } }
  @keyframes kxSideOut { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateX(-10px); } }
  @keyframes kxSpin { to { transform: rotate(360deg); } }
  @keyframes kxDockIn { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
  @media (prefers-reduced-motion: reduce) { * { animation-duration: .01ms !important; } }
  .kxsc::-webkit-scrollbar { width: 10px; }
  .kxsc::-webkit-scrollbar-thumb { background: var(--grey-300); border-radius: 10px; border: 3px solid #fff; }
  .kxnav { scrollbar-width: thin; scrollbar-color: var(--grey-700) transparent; }
  .kxnav::-webkit-scrollbar { width: 8px; }
  .kxnav::-webkit-scrollbar-thumb { background: var(--grey-700); border-radius: 8px; }

/* Hide the source template until the component runtime mounts it. */
x-dc { display: none !important; }

/* The favourites shortcut is the first row of the unfiltered project picker. */
.project-favourites {
  display:flex;align-items:center;gap:8px;flex:none;
  width:calc(100% - 16px);min-height:32px;margin:0 8px 4px;padding:6px 8px;
  border:0;border-radius:4px;background:transparent;color:var(--grey-700);
  font:inherit;text-align:left;cursor:pointer;
  transition:background-color 120ms ease,color 120ms ease;
}
.project-favourites:hover { background:var(--grey-50);color:var(--primary-600); }
.project-favourites[aria-pressed="true"] { background:var(--primary-100);color:var(--primary-600); }
.project-favourites:focus-visible { outline:2px solid var(--primary-500);outline-offset:-2px; }
.project-favourites:disabled { cursor:default;color:var(--grey-500); }
.project-favourites:disabled:hover { background:transparent; }
.project-favourites-icon {
  flex:none;width:16px;height:16px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m12%203%202.8%205.7%206.3.9-4.6%204.5%201.1%206.3-5.6-3-5.6%203%201.1-6.3L3%209.6l6.2-.9Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m12%203%202.8%205.7%206.3.9-4.6%204.5%201.1%206.3-5.6-3-5.6%203%201.1-6.3L3%209.6l6.2-.9Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
}
.project-favourites-copy { display:flex;flex:1;min-width:0;align-items:center;gap:6px; }
.project-favourites-label { font-size:12px;font-weight:400;line-height:18px; }
.project-favourites-summary { font-size:11px;line-height:18px;color:var(--grey-500);white-space:nowrap; }
.project-favourites-summary::before { content:"·";margin-right:6px; }
.project-favourites-check { visibility:hidden;font-size:14px;color:var(--primary-500); }
.project-favourites[aria-pressed="true"] .project-favourites-check { visibility:visible; }
.project-scope-summary { min-width:0;margin-left:auto;text-align:right;font-size:12px;line-height:18px;color:var(--grey-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

/* Footer action beside Start over, hidden while the Vojo widget is visible. */
.search-ask-vojo { flex:none;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--secondary-200);border-radius:4px;background:var(--secondary-100);color:var(--secondary-600);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap; }
.search-ask-vojo:hover { background:var(--secondary-200);border-color:var(--secondary-300); }
.search-ask-vojo:focus-visible { outline:2px solid var(--secondary-400);outline-offset:2px; }


.ask-vojo-key { margin-left:4px;font-size:10px;opacity:.75; }

.search-more-filters { flex:none;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--grey-300);border-radius:4px;background:#fff;color:var(--grey-700);font:inherit;font-size:12px;white-space:nowrap;cursor:pointer; }
.search-more-filters:hover, .search-more-filters[aria-expanded="true"] { background:var(--grey-50);border-color:var(--grey-400); }
.search-more-filters[data-active="true"] { background:var(--primary-100);border-color:var(--primary-500);color:var(--primary-600); }
.search-more-filters:focus-visible { outline:2px solid var(--primary-500);outline-offset:2px; }
.search-filter-count { align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:var(--primary-500);color:#fff;font-size:10px; }
.search-filter-chevron { transition:transform .15s; }
.search-more-filters[aria-expanded="true"] .search-filter-chevron { transform:rotate(180deg); }

.search-clear-all { flex:none;padding:0;border:0;background:transparent;color:var(--primary-500);font:inherit;font-size:12px;white-space:nowrap;cursor:pointer; }
.search-clear-all:hover { text-decoration:underline; }
.search-clear-all:focus-visible { outline:2px solid var(--primary-500);outline-offset:3px; }

.project-search-match { background:#fff2b3;color:inherit;font:inherit;padding:0;border-radius:2px; }

.enhanced-search-toggle { flex:none;display:inline-flex;align-items:center;gap:9px;padding:0;border:0;background:transparent;color:var(--grey-900);font:inherit;font-size:13px;font-weight:400;cursor:pointer;white-space:nowrap; }
.enhanced-search-track { display:inline-flex;align-items:center;width:32px;height:18px;padding:2px;box-sizing:border-box;border-radius:12px;background:var(--grey-400); }
.enhanced-search-track > span { width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s; }
.enhanced-search-toggle[aria-checked="true"] .enhanced-search-track { background:#4285f4; }
.enhanced-search-toggle[aria-checked="true"] .enhanced-search-track > span { transform:translateX(14px); }
.enhanced-search-toggle:focus-visible { outline:2px solid var(--primary-500);outline-offset:4px;border-radius:3px; }

.segmented-tab { flex:1;min-width:0;height:24px;padding:0 8px;border:0;border-radius:4px;background:#fff;color:var(--grey-700);font:inherit;font-size:12px;white-space:nowrap;cursor:pointer; }
.segmented-tab:hover { background:var(--grey-50); }
.segmented-tab[aria-pressed="true"] { background:var(--primary-500);color:#fff; }
.segmented-tab:focus-visible { outline:2px solid var(--primary-500);outline-offset:2px; }

.project-search-clear { flex:none;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:3px;background:transparent;color:var(--grey-600);font:inherit;font-size:18px;line-height:1;cursor:pointer; }
.project-search-clear:hover { background:var(--grey-100);color:var(--grey-900); }
.project-search-clear:focus-visible { outline:2px solid var(--primary-500);outline-offset:1px; }

.kx-style-178 .segmented-tab { flex:1 1 auto; }