.resources-view{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;container-type:inline-size;background:var(--bg)}
.resources-content{max-width:1440px;margin:0 auto;padding:22px 28px 36px;display:flex;flex-direction:column;gap:26px;font-variant-numeric:tabular-nums}
.resources-content h2{margin:0;font-size:13px;font-weight:500;letter-spacing:-.1px}
.resources-heading,.resources-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.resources-heading{font-size:11px;color:var(--muted);min-height:18px}
.resources-status{display:inline-flex;align-items:center;gap:7px;line-height:1.6;overflow-wrap:anywhere}
.resources-status::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--muted);flex:none}
.resources-status[data-state=live]::before{background:#48a04c}
.resources-status[data-state=stale]::before,.resources-status[data-state=error]::before{background:#cc8b26}
.resources-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.resources-card{border:1px solid var(--line);border-radius:10px;padding:16px;min-width:0;background:var(--white)}
.resources-stat{overflow:hidden;position:relative;padding-bottom:8px}
.resources-stat h2{font-size:11px;color:var(--muted)}
.resources-value{font-size:26px;font-weight:500;letter-spacing:-.8px;margin-top:12px;white-space:nowrap;line-height:1.2}
.resources-stat-detail{color:var(--muted);font-size:10px;line-height:1.6;margin:7px 0 13px;min-height:32px;overflow-wrap:anywhere}
.resources-spark{display:block;width:100%;height:40px;color:var(--muted)}
.resources-spark polyline{stroke:currentColor;fill:none;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.resources-hardware{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.resources-hardware>section{min-width:0;display:flex;flex-direction:column;gap:12px}
.resources-hardware .resources-card{flex:1}
.resources-storage{display:flex;flex-direction:column;justify-content:center;gap:20px}
.resources-storage-row{min-width:0}
.resources-meter-label{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:9px}
.resources-meter-label>span:first-child{overflow-wrap:anywhere;min-width:0}
.resources-meter-label>span:last-child{color:var(--muted);text-align:right;flex-shrink:0;font-size:10px}
.resources-meter{height:5px;border-radius:4px;background:var(--tint);overflow:hidden}
.resources-meter>span{display:block;height:100%;background:var(--muted);border-radius:inherit}
.resources-cores{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:16px 14px;align-content:center}
.resources-core{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 5px}
.resources-core-label{font-size:9px;color:var(--muted)}
.resources-core strong{font-weight:400;font-size:10px;text-align:right}
.resources-core .resources-meter{grid-column:1/-1;height:4px}
.resources-section-heading{margin-bottom:12px}
.resources-note{font-size:11px;line-height:1.65;color:var(--muted);margin:10px 0 0}
.resources-section-heading>.resources-note{margin:0}
.resources-heading>.resources-sample-note{flex-basis:100%;margin:0}
.resources-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--white)}
.resources-table{border-collapse:collapse;width:100%;font-size:11px;table-layout:fixed;min-width:590px}
.resources-table th{font-weight:400}
.resources-table>thead th:first-child{width:42%}
.resources-table>thead th:not(:first-child){width:14.5%;text-align:right}
.resources-table>thead{color:var(--muted);border-bottom:1px solid var(--line)}
.resources-table>thead th>button{border:0;border-radius:0;font-size:10px;padding:12px 14px;width:100%;text-align:inherit;white-space:nowrap}
.resources-table>thead th[aria-sort=descending]>button::after{content:' ↓';color:var(--ink)}
.resources-table>thead th[aria-sort=ascending]>button::after{content:' ↑';color:var(--ink)}
.resources-table td{text-align:right;padding:12px 14px;white-space:nowrap}
.resources-group{border-top:1px solid var(--line)}
.resources-group:first-child{border-top:0}
.resources-group>th{padding:0;text-align:left}
.resources-group:hover{background:var(--panel)}
.resources-group-toggle{border:0;width:100%;display:flex;align-items:center;gap:8px;font-size:12px;padding:13px 14px;min-height:44px}
.resources-group-toggle:focus-visible{outline-offset:-3px}
.resources-group-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resources-caret{width:10px;flex:none;color:var(--muted);text-align:center}
.resources-group-count{color:var(--muted);font-size:10px;flex:none}
.resources-detail-row>td{padding:0 16px 12px;background:var(--panel);text-align:left}
.resources-detail-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:10px}
.resources-detail-table th{text-align:right;font-size:9px;color:var(--muted);padding:12px 8px 6px}
.resources-detail-table th:first-child{width:50%;text-align:left}
.resources-detail-table th:nth-child(2){width:10%}
.resources-detail-table th:nth-child(3){width:15%}
.resources-detail-table th:nth-child(4){width:25%}
.resources-detail-table td{padding:9px 8px;border-bottom:1px solid var(--line);font-size:10px}
.resources-command-line{display:flex;gap:12px;text-align:left;min-width:0}
.resources-command{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.resources-pid{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);flex:none;min-width:36px}
.resources-empty{color:var(--muted);font-size:12px;text-align:center!important;padding:24px!important;margin:0}
.resources-disk{min-width:0}
.resources-disk-nav{display:flex;align-items:center;gap:5px;border:1px solid var(--line);padding:7px;border-radius:9px;background:var(--white)}
.resources-disk-nav button{border:0;border-radius:6px;padding:7px 10px;font-size:11px;flex:none}
.resources-disk-path{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0 7px}
.resources-disk-list{margin-top:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--white)}
.resources-disk-list:empty{display:none}
.resources-disk-entry{position:relative;isolation:isolate;display:flex;gap:10px;align-items:center;min-height:44px;width:100%;border:0;border-bottom:1px solid var(--line);padding:12px 16px;font-size:12px;overflow:hidden}
.resources-disk-entry:last-child{border-bottom:0}
.resources-disk-entry>span:not(.resources-disk-bar){position:relative;z-index:1}
.resources-disk-kind{width:10px;flex:none;color:var(--muted)}
.resources-disk-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.resources-disk-size{flex:none;color:var(--muted);font-size:11px}
.resources-disk-bar{position:absolute;inset:0 auto 0 0;background:var(--panel);z-index:0;pointer-events:none;max-width:100%}
.resources-disk-entry:hover .resources-disk-bar{background:var(--tint)}
.resources-extension-slot:empty{display:none}
.resources-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@container (max-width:850px){.resources-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.resources-hardware{grid-template-columns:1fr}.resources-value{font-size:24px}.resources-content{padding:18px 20px 30px;gap:22px}}
@container (max-width:460px){.resources-content{padding:16px 12px 26px;gap:20px}.resources-card{padding:13px}.resources-stat{padding-bottom:7px}.resources-summary{gap:9px}.resources-value{font-size:21px;letter-spacing:-.5px}.resources-stat-detail{font-size:9px;min-height:30px}.resources-heading{gap:3px}.resources-meter-label{flex-wrap:wrap;gap:4px}.resources-table>thead th:first-child{width:40%}.resources-table>thead th:not(:first-child){width:15%}.resources-disk-nav button{padding:8px}.resources-cores{gap:13px}}
