.command-bar {
    margin-top: 32px;
    padding: 12px 12px 12px 18px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 12px;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 17px;
    background: var(--surface);
    box-shadow: var(--shadow);
}
.command-bar > span { color: var(--accent); font-weight: 900; }
.command-bar input { width: 100%; border: 0; outline: 0; color: var(--ink); background: transparent; font: inherit; }
.catalog-list { display: grid; gap: 12px; }
.catalog-item {
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr minmax(260px, .75fr) auto;
    gap: 22px;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--surface);
}
.catalog-item h2, .catalog-item p { margin: 0; }
.catalog-item p { margin-top: 7px; color: var(--muted); }
.catalog-title { display: flex; align-items: center; gap: 10px; }
.catalog-item dl { display: grid; gap: 5px; margin: 0; font-size: 12px; }
.catalog-item dl div { display: grid; grid-template-columns: 46px 1fr; gap: 8px; }
.catalog-item dt { color: var(--muted); }
.catalog-item dd { margin: 0; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.status-on { color: #32614b; border-color: rgba(50,97,75,.28); background: rgba(50,97,75,.08); }
.status-off { color: #8c3b2d; }
@media (max-width: 760px) {
    .command-bar { grid-template-columns: auto 1fr; }
    .command-bar .button { grid-column: 1 / -1; }
    .catalog-item { grid-template-columns: 1fr; }
}