/* enhance.css — site-wide craft layer: page transitions, scanner cursor, command palette, security badge */

/* ---- Command palette ---- */
.cmdk-trigger{
  position:fixed;right:18px;bottom:18px;z-index:60;display:inline-flex;align-items:center;gap:8px;
  font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--muted,#9aa4b4);
  background:rgba(16,20,29,.8);backdrop-filter:blur(10px);border:1px solid var(--line,rgba(255,255,255,.12));
  border-radius:10px;padding:9px 12px;cursor:pointer;transition:border-color .2s,color .2s,transform .2s;
}
.cmdk-trigger:hover{border-color:var(--gold,#e3c08a);color:var(--ink,#eef1f6);transform:translateY(-1px)}
.cmdk-trigger.hidden{opacity:0;pointer-events:none;transform:translateY(14px)}
.cmdk-trigger kbd{font-family:inherit;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:5px;padding:1px 6px;color:var(--gold,#e3c08a)}
@media (pointer:coarse){ .cmdk-trigger{display:none} }

.cmdk{position:fixed;inset:0;z-index:9000;display:none;align-items:flex-start;justify-content:center;padding:14vh 20px 20px}
.cmdk.open{display:flex}
.cmdk-back{position:absolute;inset:0;background:rgba(4,6,10,.66);backdrop-filter:blur(4px);animation:cmdk-fade .2s ease}
@keyframes cmdk-fade{from{opacity:0}}
.cmdk-panel{position:relative;width:min(620px,100%);background:#0e121b;border:1px solid var(--line-strong,rgba(255,255,255,.14));
  border-radius:16px;box-shadow:0 40px 90px -30px rgba(0,0,0,.85);overflow:hidden;animation:cmdk-pop .26s cubic-bezier(.22,.61,.36,1)}
@keyframes cmdk-pop{from{opacity:0;transform:translateY(-10px) scale(.98)}}
.cmdk-in{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line,rgba(255,255,255,.08))}
.cmdk-in svg{width:18px;height:18px;stroke:var(--gold,#e3c08a);fill:none;stroke-width:1.7;flex-shrink:0}
.cmdk-in input{flex:1;background:none;border:0;outline:none;color:var(--ink,#eef1f6);font-family:inherit;font-size:16px}
.cmdk-in input::placeholder{color:var(--faint,#5f6a7d)}
.cmdk-in .esc{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--faint,#5f6a7d);border:1px solid var(--line,rgba(255,255,255,.1));border-radius:5px;padding:2px 7px}
.cmdk-list{max-height:46vh;overflow-y:auto;padding:8px}
.cmdk-group{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint,#5f6a7d);padding:12px 12px 6px}
.cmdk-item{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:10px;cursor:pointer;color:var(--ink,#eef1f6)}
.cmdk-item .ic{width:30px;height:30px;border-radius:8px;border:1px solid var(--line,rgba(255,255,255,.1));display:grid;place-items:center;flex-shrink:0;color:var(--gold,#e3c08a);font-family:"IBM Plex Mono",monospace;font-size:12px}
.cmdk-item .tt{font-size:15px;line-height:1.3}
.cmdk-item .tt small{display:block;color:var(--muted,#9aa4b4);font-size:12px}
.cmdk-item[aria-selected="true"]{background:rgba(227,192,138,.1);outline:1px solid rgba(227,192,138,.3)}
.cmdk-empty{padding:26px;text-align:center;color:var(--muted,#9aa4b4);font-size:14px}

/* ---- Security badge (footer) ---- */
.secbadge{display:inline-flex;align-items:center;gap:7px;font-family:"IBM Plex Mono",monospace;font-size:11.5px;
  color:var(--muted,#9aa4b4);border:1px solid var(--line,rgba(255,255,255,.1));border-radius:100px;padding:5px 11px;
  text-decoration:none;transition:border-color .2s,color .2s}
.secbadge:hover{border-color:var(--gold,#e3c08a);color:var(--gold,#e3c08a)}
.secbadge .dot{width:7px;height:7px;border-radius:50%;background:#43d39e;box-shadow:0 0 7px #43d39e}