/* Skills Shop Portal Spotlight Command
   v4.3.28 source-of-truth rebuild: no legacy result classes. */

.ssp-root--v4-app .ssp-modal:has(.ssp-spotlight-v2),
.ssp-root--workspace-first .ssp-modal:has(.ssp-spotlight-v2) {
  width: min(900px, calc(100vw - 48px));
  max-height: min(86vh, 780px);
  overflow: hidden;
  border: 1px solid rgba(0, 65, 101, .12);
  border-radius: 18px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 38px 120px rgba(4, 30, 48, .28);
  backdrop-filter: blur(28px) saturate(160%);
}

.ssp-root--v4-app .ssp-modal:has(.ssp-spotlight-v2) .ssp-modal__header,
.ssp-root--workspace-first .ssp-modal:has(.ssp-spotlight-v2) .ssp-modal__header { display: none; }

.ssp-root--v4-app .ssp-modal:has(.ssp-spotlight-v2) .ssp-modal__body,
.ssp-root--workspace-first .ssp-modal:has(.ssp-spotlight-v2) .ssp-modal__body { padding: 0; }

.ssp-spotlight-v2 {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  min-height: 430px;
  max-height: min(86vh, 780px);
  color: var(--ssp-primary, #004165);
}

.ssp-spotlight-search {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 86px;
  padding: 0 26px;
  border-bottom: 1px solid rgba(0, 65, 101, .10);
}

.ssp-spotlight-search__icon {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: var(--ssp-primary, #004165);
}

.ssp-spotlight-search__icon svg,
.ssp-spotlight-result__icon svg {
  width: 24px;
  height: 24px;
  display: block;
}

.ssp-spotlight-search__icon path,
.ssp-spotlight-result__icon svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ssp-spotlight-search input[type="search"] {
  appearance: none;
  width: 100%;
  height: 54px;
  min-width: 0;
  border: 0;
  outline: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ssp-primary, #004165);
  font-size: 20px;
  font-weight: 450;
  letter-spacing: -.01em;
  padding: 0;
}

.ssp-spotlight-search input[type="search"]::placeholder { color: #8192a1; }

.ssp-spotlight-esc {
  height: 34px;
  border: 0;
  border-radius: 9px;
  background: #edf2f6;
  color: #5c7080;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 800;
}

.ssp-spotlight-results {
  display: grid;
  gap: 18px;
  align-content: start;
  min-height: 0;
  overflow: auto;
  padding: 18px 24px 12px;
}

.ssp-spotlight-section { display: grid; gap: 10px; }

.ssp-spotlight-section h3 {
  margin: 0 0 0 4px;
  color: #536b7d;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .15em;
  line-height: 1;
  text-transform: uppercase;
}

.ssp-spotlight-section__rows {
  overflow: hidden;
  border: 1px solid rgba(0, 65, 101, .10);
  border-radius: 16px;
  background: rgba(255, 255, 255, .78);
}

.ssp-spotlight-section--best .ssp-spotlight-section__rows {
  border-color: rgba(12, 198, 222, .85);
  box-shadow: 0 15px 42px rgba(12, 198, 222, .10);
}

.ssp-root--v4-app .ssp-spotlight-result,
.ssp-root--workspace-first .ssp-spotlight-result,
.ssp-spotlight-result {
  appearance: none;
  width: 100%;
  min-height: 84px;
  margin: 0;
  border: 0;
  border-bottom: 1px solid rgba(0, 65, 101, .075);
  border-radius: 0;
  background: transparent;
  color: var(--ssp-primary, #004165);
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto 36px;
  gap: 16px;
  align-items: center;
  padding: 16px 18px;
  text-align: left;
  cursor: pointer;
  box-shadow: none;
}

.ssp-spotlight-result:last-child { border-bottom: 0; }

.ssp-spotlight-result:hover,
.ssp-spotlight-result.is-selected { background: rgba(247, 251, 253, .96); }

.ssp-spotlight-result--best {
  min-height: 90px;
  box-shadow: inset 4px 0 0 var(--ssp-accent, #0cc6de);
}

.ssp-spotlight-result__icon {
  width: 46px;
  height: 46px;
  border-radius: 15px;
  display: inline-grid;
  place-items: center;
  background: rgba(12, 198, 222, .13);
  color: var(--ssp-primary, #004165);
  font-size: 15px;
  font-weight: 850;
  line-height: 1;
}

.ssp-spotlight-result--contact .ssp-spotlight-result__icon { background: rgba(124, 58, 237, .11); color: #5b35c8; }
.ssp-spotlight-result--account .ssp-spotlight-result__icon { background: rgba(34, 150, 75, .11); color: #166534; }

.ssp-spotlight-result__copy {
  min-width: 0;
  display: grid;
  gap: 6px;
  justify-items: start;
}

.ssp-spotlight-result__copy strong {
  min-width: 0;
  max-width: 100%;
  color: var(--ssp-primary, #004165);
  font-size: 16px;
  font-weight: 850;
  letter-spacing: -.012em;
  line-height: 1.16;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ssp-spotlight-result__copy em {
  min-width: 0;
  max-width: 100%;
  color: #617789;
  font-size: 13px;
  font-style: normal;
  font-weight: 550;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ssp-spotlight-result__badge {
  justify-self: end;
  border-radius: 7px;
  background: rgba(12, 198, 222, .14);
  color: #006582;
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.ssp-spotlight-result--contact .ssp-spotlight-result__badge { background: rgba(124, 58, 237, .11); color: #5b35c8; }
.ssp-spotlight-result--account .ssp-spotlight-result__badge { background: rgba(34, 150, 75, .10); color: #166534; }

.ssp-spotlight-result__enter {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-grid;
  place-items: center;
  background: #edf2f6;
  color: var(--ssp-primary, #004165);
  font-size: 18px;
  font-weight: 800;
  opacity: 0;
  transform: translateX(-3px);
  transition: opacity .14s ease, transform .14s ease;
}

.ssp-spotlight-result:hover .ssp-spotlight-result__enter,
.ssp-spotlight-result.is-selected .ssp-spotlight-result__enter { opacity: 1; transform: translateX(0); }

.ssp-spotlight-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0 24px 20px;
}

.ssp-spotlight-actions button {
  min-height: 48px;
  border: 1px solid rgba(0, 65, 101, .10);
  border-radius: 14px;
  background: rgba(255, 255, 255, .82);
  color: var(--ssp-primary, #004165);
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 0 14px;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(0, 65, 101, .035);
}

.ssp-spotlight-actions button > span {
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(0, 65, 101, .10);
  border-radius: 9px;
  background: #fff;
  color: var(--ssp-primary, #004165);
  font-size: 15px;
  font-weight: 850;
}

.ssp-spotlight-actions strong {
  min-width: 0;
  color: var(--ssp-primary, #004165);
  font-size: 13px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ssp-spotlight-actions small {
  border-radius: 7px;
  background: #edf2f6;
  color: #536a7a;
  padding: 3px 7px;
  font-size: 11px;
  font-weight: 850;
}

.ssp-spotlight-hint {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin: 0;
  padding: 14px 20px 16px;
  border-top: 1px solid rgba(0, 65, 101, .08);
  background: rgba(248, 250, 252, .75);
  color: #617789;
  font-size: 13px;
  font-weight: 600;
}

.ssp-spotlight-empty {
  display: grid;
  place-items: center;
  min-height: 160px;
  gap: 8px;
  border: 1px dashed rgba(0, 65, 101, .16);
  border-radius: 16px;
  background: rgba(255, 255, 255, .65);
  color: #607687;
  text-align: center;
}

.ssp-spotlight-empty strong { color: var(--ssp-primary, #004165); font-size: 16px; }

@media (max-width: 720px) {
  .ssp-root--v4-app .ssp-modal:has(.ssp-spotlight-v2),
  .ssp-root--workspace-first .ssp-modal:has(.ssp-spotlight-v2) {
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 24px);
    border-radius: 18px;
  }
  .ssp-spotlight-v2 { min-height: 360px; max-height: calc(100dvh - 24px); }
  .ssp-spotlight-search { min-height: 70px; padding: 0 16px; grid-template-columns: 28px minmax(0, 1fr) auto; }
  .ssp-spotlight-search input[type="search"] { font-size: 17px; height: 48px; }
  .ssp-spotlight-results { padding: 14px; gap: 14px; }
  .ssp-spotlight-result { grid-template-columns: 46px minmax(0, 1fr) auto; gap: 12px; padding: 12px; }
  .ssp-spotlight-result__badge { font-size: 10px; padding: 4px 7px; }
  .ssp-spotlight-result__enter { display: none; }
  .ssp-spotlight-actions { grid-template-columns: 1fr; padding: 0 14px 14px; }
  .ssp-spotlight-hint { gap: 8px 16px; }
}