.cp-card-grid-host{container-type:inline-size}.cp-card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}@container (min-width: 500px){.cp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 750px){.cp-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 1000px){.cp-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.jobmap{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-size:var(--fs-xs);line-height:var(--lh-xs)}.jobmap-head{display:flex;align-items:baseline;gap:8px}.jobmap-head b{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.jobmap-sum{color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.jobmap-axis,.jobmap-row{display:grid;grid-template-columns:minmax(0,32%) minmax(0,1fr) 7.5em;column-gap:8px;align-items:center}.jobmap-axis{font-size:var(--fs-2xs);line-height:var(--lh-2xs);color:var(--text-muted)}.jobmap-axis span:first-child{grid-column:2;justify-self:start}.jobmap-axis span:nth-child(2){grid-column:2;justify-self:center}.jobmap-axis span:nth-child(3){grid-column:2;justify-self:end}.jobmap-axis span{grid-row:1}.jobmap-group{display:flex;flex-direction:column;gap:2px;padding-top:6px;border-top:1px solid var(--border)}.jobmap-group-name{font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jobmap-name{display:flex;align-items:center;gap:4px;min-width:0;color:var(--text-primary)}.jobmap-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jobmap-track{position:relative;height:12px;border-radius:4px;background:var(--bg-input)}.jobmap-bar{position:absolute;top:2px;bottom:2px;border-radius:4px;background:var(--jm,var(--text-muted));opacity:.85}.jobmap-bar[data-clipped]{border-top-left-radius:0;border-bottom-left-radius:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px);mask-image:linear-gradient(90deg,transparent,#000 12px)}.jobmap-tick{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;border-radius:2px;background:var(--text-primary)}.jobmap-meta{text-align:right;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.jobmap-legend [data-tone=active],.jobmap-row[data-tone=active]{--jm:var(--tab-busy)}.jobmap-legend [data-tone=quiet],.jobmap-row[data-tone=quiet]{--jm:var(--text-muted)}.jobmap-legend [data-tone=stalled],.jobmap-row[data-tone=stalled]{--jm:var(--warning)}.jobmap-legend [data-tone=failed],.jobmap-row[data-tone=failed]{--jm:var(--error)}.jobmap-legend [data-tone=done],.jobmap-row[data-tone=done]{--jm:var(--success)}.jobmap-row[data-tone=done] .jobmap-bar,.jobmap-row[data-tone=unknown] .jobmap-bar{opacity:.4}.jobmap-row[data-tone=active] .jobmap-bar{animation:jobmapBreath 1.6s ease-in-out infinite}@keyframes jobmapBreath{0%,to{opacity:.85}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.jobmap-row[data-tone=active] .jobmap-bar{animation:none}}.jobmap-legend{display:flex;flex-wrap:wrap;gap:4px 12px;padding-top:4px;font-size:var(--fs-2xs);line-height:var(--lh-2xs);color:var(--text-muted)}.jobmap-legend span{display:inline-flex;align-items:center;gap:4px}.jobmap-legend i{width:12px;height:6px;border-radius:4px;background:var(--jm)}.cp-keys{display:grid;gap:var(--space-16);padding:var(--space-16)}.cp-keys-top{display:flex;flex-wrap:wrap;gap:var(--space-12);align-items:stretch}.cp-keys-tiles{flex:1 1 420px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;min-width:0;border-bottom:1px solid var(--border)}@media (max-width:640px){.cp-keys-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.cp-keys-card,.cp-keys-tile{display:grid;gap:var(--space-4);align-content:start;text-align:left;min-width:0;padding:var(--space-8) var(--space-12);border:0;border-bottom:2px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--text-primary);font-family:inherit;cursor:pointer;min-height:28px;transition:background-color .12s ease,border-color .12s ease}.cp-keys-card:hover,.cp-keys-tile:hover{background:var(--hover-overlay)}.cp-keys-card:active,.cp-keys-tile:active{background:var(--hover-overlay-strong)}.cp-keys-card:focus-visible,.cp-keys-tile:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.cp-keys-card[aria-pressed=true],.cp-keys-tile[aria-pressed=true]{background:var(--accent-dim);border-bottom-color:var(--accent)}.cp-keys-tile-num{font-size:var(--fs-xl);line-height:var(--lh-xl,32px);font-weight:var(--fw-number);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cp-keys-tile-label{display:inline-flex;align-items:center;gap:var(--space-6);font-size:var(--fs-2xs);line-height:var(--lh-2xs);color:var(--text-muted)}.cp-keys-dot{width:7px;height:7px;border-radius:var(--radius-full);flex-shrink:0}.cp-keys-side{display:grid;gap:var(--space-6);align-content:center;justify-items:end;font-size:var(--fs-2xs);color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cp-keys-section{display:grid;gap:var(--space-8)}.cp-keys-title{margin:0;font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-title);color:var(--text-primary)}.cp-keys-fix{display:grid}.cp-keys-fix-row{display:grid;gap:var(--space-2);padding:var(--space-8) var(--space-4);border-top:1px solid var(--border);font-size:var(--fs-xs);line-height:var(--lh-xs)}.cp-keys-fix-row:first-child{border-top:0}.cp-keys-fix-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);color:var(--text-primary)}.cp-keys-fix-todo{color:var(--text-secondary)}.cp-keys-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 var(--space-16)}.cp-keys-card{border-bottom:1px solid var(--border);border-radius:0}.cp-keys-card[aria-pressed=true]{border-bottom-color:var(--accent);box-shadow:inset 0 -1px 0 var(--accent)}.cp-keys-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-8)}.cp-keys-card-name{font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-title)}.cp-keys-card-count{font-size:var(--fs-2xs);color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cp-keys-ratio{display:flex}.cp-keys-meter,.cp-keys-ratio{height:4px;border-radius:var(--radius-badge);overflow:hidden;background:var(--track-bg)}.cp-keys-metric{font-size:var(--fs-xs);line-height:var(--lh-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cp-keys-filterbar{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-12)}.cp-keys-filterbar .cp-field{flex:0 1 260px}.cp-keys-chips{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:center}.cp-keys-chip{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-8);border:0;border-radius:var(--radius-full);background:var(--hover-overlay);color:var(--text-secondary);font-family:inherit;font-size:var(--fs-2xs);line-height:var(--lh-2xs);cursor:pointer}.cp-keys-chip:hover{background:var(--hover-overlay-strong)}.cp-keys-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cp-keys-tablebox{overflow-x:auto;border-block:1px solid var(--border)}.terminal-color-notice{position:absolute;top:calc(var(--space-32) + var(--space-12));right:var(--space-16);z-index:42;display:flex;align-items:center;gap:var(--space-12);max-width:calc(100% - var(--space-32));padding:var(--space-8) var(--space-12);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--bg-card);color:var(--text-primary);font-size:var(--fs-xs);box-shadow:var(--shadow-md)}.terminal-color-notice small{display:block;color:var(--text-muted);font-size:var(--fs-2xs)}.terminal-color-notice button{flex:none;padding:var(--space-4) var(--space-8);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text-secondary);font:inherit;cursor:pointer}.terminal-color-notice button:hover{background:var(--hover-overlay)}.terminal-color-notice button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}