/* Fixed entry reuses CDN physical-node cards; these rules only size its panel. */
.direct-monitor-card.fixed-entry-compact { width:100%; }
.fixed-entry-compact > .direct-card-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 11px; padding:0; border:0; }
.fixed-entry-compact > .direct-card-heading h3 { margin:0; font-size:17px; }
.fixed-entry-compact > .direct-card-heading .direct-state { padding:4px 8px; font-size:10px!important; }
.fixed-entry-compact .fixed-entry-policy-strip { gap:6px 16px; padding-bottom:12px; font-size:10px; }
.fixed-entry-compact .fixed-entry-alert { margin-left:auto; }
.fixed-entry-compact .fixed-entry-alert.good { color:var(--accent); }
.fixed-entry-compact .fixed-entry-alert.warning { color:var(--warn); }
.fixed-entry-compact-grid { max-width:844px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.fixed-entry-compact-node { line-height:1.2; }
.fixed-entry-compact-node .direct-host-metric-grid > span { padding:7px; gap:3px; }
.fixed-entry-compact-node .direct-host-metric-grid em { display:block; color:var(--muted); font-size:8px; font-style:normal; white-space:nowrap; }
.fixed-entry-compact-node .direct-host-metric-grid small,
.fixed-entry-compact-node .direct-node-traffic-row small,
.fixed-entry-compact-node .direct-capacity-values small { color:var(--muted); }
.fixed-entry-compact-node .direct-node-traffic-row > span { padding:7px; }
.fixed-entry-compact-node .direct-capacity-values { gap:6px 12px; }
.fixed-entry-compact-node .direct-capacity-stats small { font-size:8px; }
.fixed-entry-compact-node > footer .fixed-entry-bad { color:var(--bad); background:color-mix(in srgb,var(--bad) 12%,transparent); }
.fixed-entry-compact-node > footer .fixed-entry-warning { color:var(--warn); background:color-mix(in srgb,var(--warn) 12%,transparent); }
.fixed-entry-detail-links { display:flex; align-items:center; flex-wrap:wrap; gap:8px 22px; margin-top:14px; padding-top:12px; border-top:1px solid var(--line); }
.fixed-entry-detail-links button { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; color:var(--muted); font:inherit; font-size:11px; cursor:pointer; }
.fixed-entry-detail-links button[aria-expanded=true] { color:var(--accent); }
.fixed-entry-detail-links button:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.fixed-entry-updated { margin-left:auto; color:var(--muted); font-size:9px; }
.fixed-entry-compact .fixed-entry-comparison { margin-top:14px; padding-top:14px; border-color:var(--line); }
.fixed-entry-compact .fixed-entry-quality-grid { align-items:stretch; }
.fixed-entry-compact .fixed-entry-quality-grid > div { display:flex; flex-direction:column; justify-content:center; }
.fixed-entry-compact .fixed-entry-activity { margin-top:14px; }
.fixed-entry-compact .fixed-entry-notices { margin-top:14px; border-color:var(--line); }
.fixed-entry-caption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px 12px; margin-top:12px; color:var(--muted); font-size:9px; }
.fixed-entry-compact [hidden] { display:none!important; }
html[data-theme=dark] .fixed-entry-compact-node.offline { background:#181e25; }
html[data-theme=dark] .fixed-entry-compact-node.active .direct-node-reset-cycle { color:#62cda3; background:#203a32; }
@media(max-width:650px) {
  .direct-monitor-card.fixed-entry-compact { padding:12px; }
  .fixed-entry-compact-grid { grid-template-columns:minmax(0,1fr); }
  .fixed-entry-compact .fixed-entry-alert { margin-left:0; }
  .fixed-entry-compact-node .direct-node-traffic-row strong { font-size:11px; }
  .fixed-entry-compact-node .direct-node-traffic-row > span { padding:7px 6px; }
  .fixed-entry-detail-links { gap:8px 12px; }
  .fixed-entry-updated { margin-left:0; }
}
.fixed-entry-compact-node .direct-host-metric-grid,
.fixed-entry-compact-node .direct-node-traffic-row { grid-template-columns:repeat(4,minmax(0,1fr)); }
html[data-theme=dark] .fixed-entry-compact > .direct-card-heading { border:0; }
html[data-theme] .fixed-entry-compact .fixed-entry-detail-links button { background:transparent; border:0; color:var(--muted); }
html[data-theme] .fixed-entry-compact .fixed-entry-detail-links button[aria-expanded=true] { color:var(--accent); }
@media(max-width:650px) {
  .fixed-entry-compact-node .direct-capacity-values > span > strong { font-size:11px; }
  .fixed-entry-compact-node .direct-capacity-stats small { font-size:7.5px; }
}

.fixed-entry-compact > .direct-card-heading > .fixed-entry-title { display:flex; align-items:center; gap:12px; }
.fixed-entry-compact .fixed-entry-comparison > header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; color:var(--muted); }
.fixed-entry-probe-updated { font-size:9px; }
.fixed-entry-health { position:relative; }
.fixed-entry-health > button { border:0; border-radius:999px; padding:3px 7px; font:inherit; font-size:9px; cursor:pointer; }
.fixed-entry-health > button.allowed { color:var(--accent); background:color-mix(in srgb,var(--accent) 12%,transparent); }
.fixed-entry-health > button.blocked { color:var(--muted); background:color-mix(in srgb,var(--muted) 10%,transparent); }
.fixed-entry-health > button.fixed-entry-bad { color:var(--bad); background:color-mix(in srgb,var(--bad) 12%,transparent); }
.fixed-entry-health-popover { position:absolute; z-index:5; bottom:calc(100% + 9px); left:0; width:245px; max-width:calc(100vw - 72px); padding:12px; border:1px solid var(--line); border-radius:10px; background:var(--panel); color:var(--text); box-shadow:0 8px 24px #0003; }
.fixed-entry-health-popover > header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.fixed-entry-health-popover > header strong { font-size:12px; }
.fixed-entry-health-popover > header button { border:0; padding:0 4px; color:var(--muted); background:transparent; cursor:pointer; font-size:17px; }
.fixed-entry-health-popover p,.fixed-entry-health-popover small { color:var(--muted); font-size:9px; line-height:1.5; }
.fixed-entry-health-popover dl { margin:8px 0; }
.fixed-entry-health-popover dl > div { display:flex; justify-content:space-between; align-items:center; padding:5px 0; font-size:11px; }
.fixed-entry-health-popover dd { margin:0; }
.fixed-entry-health-popover .good { color:var(--accent); }
.fixed-entry-health-popover .bad { color:var(--bad); }
.fixed-entry-health-popover .unknown { color:var(--muted); }
.fixed-entry-health button:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media(max-width:450px) { .fixed-entry-title { gap:7px; } .fixed-entry-compact > .direct-card-heading h3 { font-size:15px; } .fixed-entry-compact .fixed-entry-window button { padding:5px 7px; font-size:10px; } }

.fixed-entry-compact > .direct-card-heading > .fixed-entry-window { display:flex; flex-direction:row; gap:6px; }
