/* Deceit network command palette - tokens follow the host (Gothic Terminal
   names from DESIGN-LANGUAGE.md §2/§10; hosts that use other names alias them
   before including this file). Light/dark come for free through the tokens. */
.dn-palette { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: start center; padding: 10vh 1rem 1rem; }
.dn-palette[hidden] { display: none; }
.dn-palette__scrim { position: absolute; inset: 0; background: rgb(var(--void-rgb, 10 10 10) / .72); backdrop-filter: blur(6px); }
.dn-palette__box { position: relative; width: min(40rem, 100%); max-height: 76vh; display: flex; flex-direction: column; background: var(--card, #0f0e0d); color: var(--fg, #c7c1b6); border: 1px solid var(--border-strong, #2b2724); border-radius: 4px; box-shadow: 0 30px 80px rgb(0 0 0 / .45); overflow: hidden; }
.dn-palette__head { display: flex; align-items: center; gap: .7rem; padding: .75rem .9rem; border-bottom: 1px solid var(--border, #211e1c); }
.dn-palette__sigil { width: 1rem; height: 1rem; color: var(--verdict, #b83a3a); flex: 0 0 auto; }
.dn-palette__input { flex: 1; min-width: 0; background: transparent; border: 0; outline: 0; color: var(--bright, #e9e4da); font: 1rem/1.3 var(--serif, Georgia, serif); }
.dn-palette__input::placeholder { color: var(--dim, #8b857a); }
.dn-palette__kbd { font: .62rem/1 var(--mono, ui-monospace, monospace); letter-spacing: .08em; color: var(--faint, #847e73); border: 1px solid var(--border-strong, #2b2724); border-radius: 3px; padding: .2rem .35rem; }
.dn-palette__list { list-style: none; margin: 0; padding: .35rem; overflow: auto; }
.dn-palette__item { display: grid; gap: .15rem; padding: .55rem .7rem; border-radius: 3px; cursor: pointer; border-left: 2px solid transparent; }
.dn-palette__item.is-active { background: var(--card-hover, #161412); border-left-color: var(--verdict, #b83a3a); }
.dn-palette__item.is-here .dn-palette__title::after { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--verdict, #b83a3a); margin-left: .45rem; vertical-align: middle; }
.dn-palette__title { font: 700 .9rem/1.25 var(--serif, Georgia, serif); color: var(--bright, #e9e4da); letter-spacing: .01em; }
.dn-palette__item--pattern .dn-palette__title { font-weight: 600; }
.dn-palette__item--action .dn-palette__title, .dn-palette__item--help .dn-palette__title { color: var(--ember, #d95b5b); }
.dn-palette__item--note .dn-palette__title { color: var(--dim, #8b857a); font-weight: 400; font-style: italic; }
.dn-palette__sub { font: .68rem/1.35 var(--mono, ui-monospace, monospace); letter-spacing: .04em; color: var(--dim, #8b857a); }
.dn-palette__foot { margin: 0; padding: .5rem .9rem; border-top: 1px solid var(--border, #211e1c); font: .62rem/1.3 var(--mono, ui-monospace, monospace); letter-spacing: .1em; text-transform: uppercase; color: var(--faint, #847e73); }
html.dn-palette-open { overflow: hidden; }
@media (prefers-reduced-motion: no-preference) { .dn-palette__box { animation: dn-in .14s ease-out; } @keyframes dn-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } } }