/* Command palette — every value from a token. */
.wo-cmd-scrim{position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.42);
 backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;
 padding-top:12vh;animation:woCmdIn .12s ease-out}
@keyframes woCmdIn{from{opacity:0}to{opacity:1}}
.wo-cmd-panel{width:min(640px,92vw);background:var(--wo-surface-raised);
 border:1px solid var(--wo-line);border-radius:var(--wo-radius-lg);overflow:hidden;
 box-shadow:0 30px 70px -24px rgba(15,23,42,.5);animation:woCmdUp .14s cubic-bezier(.2,.8,.3,1)}
@keyframes woCmdUp{from{transform:translateY(-8px);opacity:.6}to{transform:none;opacity:1}}

.wo-cmd-inbox{display:flex;align-items:center;gap:var(--wo-space-12);
 padding:var(--wo-space-16);border-bottom:1px solid var(--wo-line)}
.wo-cmd-mag{font-size:16px;color:var(--wo-ink-3)}
.wo-cmd-input{flex:1;border:none;outline:none;background:none;font-family:var(--wo-font-ui);
 font-size:var(--wo-text-subtitle-size);color:var(--wo-ink)}
.wo-cmd-input::placeholder{color:var(--wo-ink-3)}
.wo-cmd-esc{font-family:var(--wo-font-mono);font-size:9px;letter-spacing:.08em;
 color:var(--wo-ink-3);border:1px solid var(--wo-line);border-radius:4px;
 padding:2px var(--wo-space-4)}

.wo-cmd-results{max-height:52vh;overflow:auto}
.wo-cmd-row{display:flex;align-items:center;gap:var(--wo-space-12);
 padding:var(--wo-space-8) var(--wo-space-16);cursor:pointer;
 border-bottom:1px solid var(--wo-line-subtle)}
.wo-cmd-row:last-child{border-bottom:none}
.wo-cmd-row.is-sel{background:var(--wo-positive-bg);
 box-shadow:inset 2px 0 0 var(--wo-positive)}
.wo-cmd-row:hover{background:var(--wo-surface-sunken)}
.wo-cmd-icon{width:20px;text-align:center;color:var(--wo-ink-3);font-size:12px;flex-shrink:0}
.wo-cmd-main{flex:1;min-width:0}
.wo-cmd-label{display:block;font-size:var(--wo-text-body-size);
 font-weight:var(--wo-weight-medium);color:var(--wo-ink);
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wo-cmd-sub{display:block;font-size:var(--wo-text-small-size);color:var(--wo-ink-3);
 margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wo-cmd-kind{font-family:var(--wo-font-mono);font-size:8.5px;letter-spacing:.09em;
 text-transform:uppercase;color:var(--wo-ink-3);flex-shrink:0}
.wo-cmd-empty{padding:var(--wo-space-24);text-align:center;
 font-size:var(--wo-text-body-size);color:var(--wo-ink-3)}
.wo-cmd-foot{display:flex;gap:var(--wo-space-16);padding:var(--wo-space-8) var(--wo-space-16);
 border-top:1px solid var(--wo-line);background:var(--wo-surface-sunken);
 font-size:var(--wo-text-caption-size);color:var(--wo-ink-3)}
.wo-cmd-foot span:last-child{margin-left:auto}

/* the shell-bar trigger */
.wo-cmd-trigger{display:flex;align-items:center;gap:var(--wo-space-8);
 padding:var(--wo-space-4) var(--wo-space-12);border-radius:var(--wo-radius-sm);
 border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);
 color:rgba(255,255,255,.62);font-size:var(--wo-text-small-size);cursor:pointer;
 font-family:var(--wo-font-ui)}
.wo-cmd-trigger:hover{background:rgba(255,255,255,.11);color:#fff}
.wo-cmd-trigger kbd{font-family:var(--wo-font-mono);font-size:9px;
 border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:1px 4px;opacity:.8}
