v0.36.3

src/admin/web/css/60-monitoring.css

@@ -430,13 +430,12 @@ html[data-dashboard-density] #panel-overview .dashboard-overview-grid>.card.pool
   display: inline-flex;
   align-items: center;
   margin-left: 6px;
-  padding: 1px 5px;
+  padding: 2px 6px;
   border: 1px solid var(--pill-line);
-  border-radius: var(--rp-radius-control, 3px);
+  border-radius: var(--rp-radius-control, 0);
   color: var(--accent);
   font: 9px var(--mono);
-  text-transform: uppercase;
-  letter-spacing: .35px;
+  letter-spacing: 1px;
 }
 
 .cache-toolbar-message {
@@ -574,8 +573,8 @@ html[data-dashboard-density] #panel-overview .dashboard-overview-grid>.card.pool
 button.config-history-day.has-revisions {
   cursor: pointer;
   color: var(--text);
-  border-color: var(--line-strong, var(--line));
-  background: var(--surface, var(--bg));
+  border-color: var(--line);
+  background: var(--bg);
 }
 
 button.config-history-day.has-revisions:hover,
@@ -834,7 +833,6 @@ html[data-table-density=ultra] .file-log-inline-detail {
   padding: 5px 7px;
 }
 
-body[data-density=compact] .mini-metrics div,
 .acl-policy-mode-card input,
 .docker-service-certificate-bar>.check>input,
 html[data-table-density=ultra] .file-log-field-grid {
@@ -1006,7 +1004,7 @@ html[data-table-density=ultra] .file-log-inline-detail pre {
 .file-log-advanced-parser {
   margin: 0 0 1rem;
   padding: .75rem 1rem;
-  border-radius: var(--rp-radius-surface, var(--radius, 12px));
+  border-radius: var(--rp-radius-surface, 12px);
 }
 
 .file-log-aggregate-form {
@@ -1074,3 +1072,78 @@ html[data-table-density=ultra] .file-log-inline-detail pre {
   max-height: 68dvh;
   font: 11px/1.5 var(--mono);
 }
+
+/* Cache → Domains and effectiveness (0.36.3): numeric columns aligned, outcomes coloured like the dashboard bar. */
+#cache-domain-scroll .cache-table :is(th, td):nth-child(n+3):nth-child(-n+8) {
+  text-align: right;
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
+#cache-domain-scroll .cache-table td:first-child {
+  color: var(--muted);
+}
+
+#cache-domain-scroll .cache-table td:nth-child(2) {
+  color: var(--text);
+  font-weight: 600;
+}
+
+#cache-domain-scroll .cache-table tbody tr:hover {
+  background: var(--panel2);
+}
+
+#cache-domain-scroll .cache-table td {
+  vertical-align: middle;
+}
+
+.cache-outcomes-cell {
+  letter-spacing: 0;
+}
+
+.cache-outcome-hit {
+  color: var(--chart-accent);
+}
+
+.cache-outcome-miss {
+  color: var(--chart-secondary);
+}
+
+.cache-outcome-bypass {
+  color: var(--chart-tertiary);
+}
+
+.cache-outcome-sep {
+  margin: 0 5px;
+  color: var(--muted);
+  opacity: .6;
+}
+
+.cache-ratio-cell {
+  min-width: 96px;
+}
+
+.cache-ratio-value {
+  display: block;
+  font-weight: 600;
+}
+
+.cache-ratio-meter {
+  display: block;
+  height: 3px;
+  margin-top: 4px;
+  overflow: hidden;
+  background: var(--line);
+}
+
+.cache-ratio-meter>i {
+  display: block;
+  height: 100%;
+  background: var(--chart-accent);
+}
+
+#cache-domain-scroll .cache-reason {
+  border-color: transparent;
+  background: var(--panel2);
+  color: var(--muted);
+}