.cockpit{display:grid;gap:20px;min-width:0}.cockpit h2,.cockpit h3{margin:0 0 12px}.cockpit-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.cockpit-heading p{margin:0}.cockpit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cockpit-section{display:flex;flex-direction:column;gap:14px;min-width:0}.cockpit-section header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.cockpit-section header h3{margin:0}.cockpit-section header>span{font-size:calc(12px * var(--ui-font-scale, 1));color:var(--muted,#737780)}.cockpit-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cockpit-metric{display:flex;flex-direction:column;gap:6px;min-width:0}.cockpit-metric>span,.cockpit-metric>small{font-size:calc(12px * var(--ui-font-scale, 1));color:var(--muted,#737780)}.cockpit-metric>strong{font-size:calc(23px * var(--ui-font-scale, 1));overflow-wrap:anywhere}.cockpit-section>p{margin:0;line-height:1.65}.cockpit-section>.btn{margin-top:auto;align-self:flex-start}.cockpit-warning{background:var(--hover,#f4f4f6);border:1px solid var(--border,#e5e5ea);border-radius:12px;padding:12px 16px;margin:0;line-height:1.6;overflow-wrap:anywhere}.cockpit-queues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cockpit-queue{min-width:0}.cockpit-counts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;font-size:calc(13px * var(--ui-font-scale, 1))}.cockpit-counts>span{background:var(--hover,#f4f4f6);padding:4px 10px;border-radius:20px}.cockpit details>summary{cursor:pointer;padding:14px 0;font-weight:600}.cockpit-records{display:grid;gap:8px;margin-bottom:14px}.cockpit-record{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;width:100%;background:transparent;border:1px solid var(--border,#e5e5ea);border-radius:12px;padding:12px;font:inherit;cursor:pointer;color:inherit;min-width:0}.cockpit-record:hover,.cockpit-record:focus-visible{background:var(--hover,#f4f4f6)}.cockpit-record>span:first-child{min-width:0;display:flex;flex-direction:column;gap:6px}.cockpit-record b{font-size:calc(13px * var(--ui-font-scale, 1));overflow-wrap:anywhere}.cockpit-record small{font-size:calc(12px * var(--ui-font-scale, 1));color:var(--muted,#737780);overflow-wrap:anywhere}.cockpit-state{font-size:calc(12px * var(--ui-font-scale, 1));flex-shrink:0;max-width:35%;overflow-wrap:anywhere}.cockpit-connections p,.cockpit-sources p{line-height:1.7;overflow-wrap:anywhere}.cockpit-detail{padding:0 20px 24px}.cockpit-detail-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--border,#e5e5ea)}.cockpit-detail dt{color:var(--muted,#737780)}.cockpit-detail dd{margin:0;overflow-wrap:anywhere}@media(max-width:800px){.cockpit-grid,.cockpit-queues{grid-template-columns:1fr}.cockpit-metric>strong{font-size:calc(21px * var(--ui-font-scale, 1))}.cockpit-detail{padding:0 12px 16px}}
/* Route replacement and viewport changes must not animate content under the fixed sidebar. */
.cockpit-remote .cockpit-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.cockpit-remote p{margin:16px 0 0;line-height:1.65}@media(max-width:800px){.cockpit-remote .cockpit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){body:not(.entry-screen) #view[data-route="/admin"]{margin-left:var(--sbw);width:calc(100% - var(--sbw));transition:none}}