/* Cmd+K command palette — HANDOFF §3.4.
   Slice 2. Mounts as a top-layer <dialog>, dark surface, no backdrop blur
   (HANDOFF §3.18 / §4.7 — borders for separation, not shadows). */

.cmdk-dialog{
  background:transparent;
  border:none;
  padding:0;
  max-width:640px;
  width:90vw;
  margin-top:10vh;
  color:var(--text-primary, #f0eee6);
}
.cmdk-dialog::backdrop{
  background:rgba(0,0,0,.55);
}
.cmdk-shell{
  background:var(--bg-surface, #1a1a18);
  border:1px solid var(--border-strong, rgba(255,255,255,.15));
  border-radius:var(--radius-lg, 12px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  font-family:var(--font-sans, -apple-system, system-ui, sans-serif);
  font-size:13px;
  max-height:70vh;
}
.cmdk-input-row{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-bottom:.5px solid var(--border, rgba(255,255,255,.08));
}
.cmdk-glyph{
  font-family:var(--font-mono, ui-monospace, Menlo, monospace);
  font-size:11px;
  color:var(--text-tertiary, #76746d);
  border:.5px solid var(--border, rgba(255,255,255,.08));
  padding:2px 6px;
  border-radius:4px;
  background:var(--bg-elevated, #232320);
  flex:none;
}
.cmdk-input{
  flex:1;
  background:transparent;
  border:none;
  outline:none;
  color:var(--text-primary, #f0eee6);
  font-size:14px;
  font-family:inherit;
  padding:2px 0;
  min-width:0;
}
.cmdk-input::placeholder{ color:var(--text-tertiary, #76746d); }
.cmdk-close{
  font-family:var(--font-mono, ui-monospace, Menlo, monospace);
  font-size:11px;
  color:var(--text-tertiary, #76746d);
  border:.5px solid var(--border, rgba(255,255,255,.08));
  padding:2px 6px;
  border-radius:4px;
  background:transparent;
  cursor:pointer;
}
.cmdk-close:hover{ color:var(--text-primary, #f0eee6); }
.cmdk-results{
  overflow-y:auto;
  flex:1;
  padding:6px 0;
  min-height:80px;
}
.cmdk-results:empty::before{
  content:"Type to search shots, shows, briefs, artists.";
  display:block;
  padding:14px 18px;
  color:var(--text-tertiary, #76746d);
  font-size:12px;
}
.cmdk-section-title{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--text-tertiary, #76746d);
  padding:8px 18px 4px;
  font-weight:500;
}
.cmdk-result{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:10px;
  align-items:center;
  padding:8px 18px;
  cursor:pointer;
  border:none;
  background:transparent;
  width:100%;
  text-align:left;
  color:inherit;
  font-family:inherit;
  font-size:13px;
  text-decoration:none;
}
.cmdk-result.is-active,
.cmdk-result:hover{
  background:var(--bg-elevated, #232320);
}
.cmdk-result .kind{
  font-family:var(--font-mono, ui-monospace, Menlo, monospace);
  font-size:10px;
  color:var(--text-tertiary, #76746d);
  text-transform:uppercase;
  letter-spacing:.04em;
  min-width:54px;
}
.cmdk-result .label{
  color:var(--text-primary, #f0eee6);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:0;
}
.cmdk-result .meta{
  color:var(--text-tertiary, #76746d);
  font-size:11px;
  font-family:var(--font-mono, ui-monospace, Menlo, monospace);
}
.cmdk-viewas{
  border-top:.5px solid var(--border, rgba(255,255,255,.08));
  padding:6px 0 10px;
  max-height:30vh;
  overflow-y:auto;
}
.cmdk-viewas-list{ display:flex; flex-direction:column; }
.cmdk-footer{
  display:flex;
  gap:14px;
  padding:8px 18px;
  border-top:.5px solid var(--border, rgba(255,255,255,.08));
  background:var(--bg-page, #0f0f0e);
  font-size:11px;
  color:var(--text-tertiary, #76746d);
}
.cmdk-footer kbd{
  font-family:var(--font-mono, ui-monospace, Menlo, monospace);
  font-size:10px;
  color:var(--text-secondary, #b4b2a9);
  border:.5px solid var(--border, rgba(255,255,255,.08));
  padding:1px 5px;
  border-radius:3px;
  background:var(--bg-elevated, #232320);
  margin-right:4px;
}
.cmdk-empty{
  padding:14px 18px;
  color:var(--text-tertiary, #76746d);
  font-size:12px;
  font-style:italic;
}