.graph-manager-sheet{background:radial-gradient(circle at 50% 28%,rgba(24,91,58,.12),transparent 34%),linear-gradient(165deg,rgba(7,16,25,.995),rgba(3,8,14,.998))}
.graph-manager-stage{display:grid;gap:6px;position:relative;max-width:520px;margin:0 auto}
.graph-manager-central{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"mark title state" "mark detail detail";align-items:center;gap:2px 8px;width:min(100%,300px);min-height:56px;justify-self:center;padding:7px 10px;border:1px solid rgba(158,230,189,.18);border-radius:16px;color:#eef4f0;background:linear-gradient(180deg,rgba(16,32,28,.68),rgba(8,15,20,.86));text-align:left;cursor:default}
.graph-manager-central::before{content:"";grid-area:mark;width:30px;height:30px;border:1px solid rgba(125,146,142,.19);border-radius:50%;background:radial-gradient(circle,#61ef89 0 4px,rgba(8,17,23,.9) 5px 100%)}
.graph-manager-central span{grid-area:title;color:rgba(158,230,189,.72);font-size:7.5px;font-weight:750;letter-spacing:.18em}
.graph-manager-central strong{grid-area:title;align-self:end;margin-top:14px;font-size:11.5px;line-height:1.05}
.graph-manager-central b{grid-area:state;align-self:center;font-size:7.5px;letter-spacing:.08em;color:#89939e;white-space:nowrap}
.graph-manager-central small{grid-area:detail;color:rgba(220,231,225,.48);font-size:7.5px}
.graph-manager-central[data-state="ok"]{border-color:rgba(97,239,137,.36)}
.graph-manager-central[data-state="ok"] b{color:#61ef89}
.graph-manager-central[data-state="stale"]{border-color:rgba(247,190,84,.45);background:linear-gradient(180deg,rgba(69,47,14,.48),rgba(18,15,10,.86))}
.graph-manager-central[data-state="stale"] b{color:#f7be54}
.graph-manager-central[data-state="stale"]::before{background:radial-gradient(circle,#f7be54 0 4px,rgba(8,17,23,.9) 5px 100%)}
.graph-manager-central[data-state="error"]{border-color:rgba(255,128,136,.45);background:linear-gradient(180deg,rgba(67,19,26,.48),rgba(20,10,13,.86))}
.graph-manager-central[data-state="error"] b{color:#ff8088}
.graph-manager-central[data-state="error"]::before{background:radial-gradient(circle,#ff8088 0 4px,rgba(8,17,23,.9) 5px 100%)}
.graph-manager-central[data-state="active"]{border-color:rgba(97,239,137,.5)}
.graph-manager-central[data-state="active"] b{color:#61ef89}
.graph-manager-refresh-all{position:static;justify-self:center;min-width:118px;padding:7px 12px;border:1px solid rgba(97,239,137,.34);border-radius:11px;color:#9ef2b5;background:rgba(12,46,27,.42);font-size:7px;font-weight:750;letter-spacing:.08em;cursor:pointer}
.graph-manager-refresh-all:disabled{cursor:not-allowed;opacity:.5}
.graph-manager-retry{position:static;justify-self:center;min-width:92px;padding:7px 10px;border:1px solid rgba(255,128,136,.42);border-radius:11px;color:#ffb1b7;background:rgba(51,12,19,.42);font-size:7px;font-weight:750;letter-spacing:.08em;cursor:pointer}
.graph-manager-retry:hover{border-color:rgba(255,128,136,.68);background:rgba(67,19,26,.58)}
.graph-manager-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.graph-map-card{display:grid;grid-column:span 2;grid-template-rows:24px auto auto auto;align-items:start;justify-items:center;min-width:0;min-height:76px;padding:6px 4px 5px;border:1px solid rgba(117,150,137,.15);border-radius:14px;color:#eef3f0;background:rgba(5,12,18,.84);text-align:center;cursor:pointer}
.graph-map-card-wide{grid-column:span 3;padding-left:8px;padding-right:8px}
.graph-map-orb{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(125,146,142,.19);border-radius:50%;background:rgba(8,17,23,.9)}
.graph-map-orb i{width:8px;height:8px;border-radius:50%;background:#6c7581}
.graph-map-card strong{max-width:100%;overflow:hidden;font-size:9px;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}
.graph-map-card b{margin-top:3px;font-size:6.8px;line-height:1.1;letter-spacing:.06em;color:#89939e;white-space:nowrap}
.graph-map-card small{max-width:100%;margin-top:4px;overflow:hidden;color:rgba(218,229,223,.42);font-size:6.3px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.graph-map-card[data-state="ok"]{border-color:rgba(78,225,124,.28)}
.graph-map-card[data-state="ok"] .graph-map-orb i{background:#61ef89;box-shadow:0 0 11px rgba(97,239,137,.72)}
.graph-map-card[data-state="ok"] b{color:#61ef89}
.graph-map-card[data-state="stale"]{border-color:rgba(247,190,84,.42);background:rgba(56,40,14,.34)}
.graph-map-card[data-state="stale"] .graph-map-orb i{background:#f7be54;box-shadow:0 0 11px rgba(247,190,84,.48)}
.graph-map-card[data-state="stale"] b{color:#f7be54}
.graph-map-card[data-state="error"]{border-color:rgba(255,128,136,.4);background:rgba(51,12,19,.32)}
.graph-map-card[data-state="error"] .graph-map-orb i{background:#ff8088;box-shadow:0 0 11px rgba(255,128,136,.6)}
.graph-map-card[data-state="error"] b{color:#ff8088}
.graph-map-card[data-state="active"]{border-color:rgba(85,240,130,.48);background:linear-gradient(180deg,rgba(15,50,29,.78),rgba(5,15,18,.9))}
.graph-map-card[data-state="active"] .graph-map-orb i{background:#61ef89;animation:aster-working-pulse .82s ease-in-out infinite}
.graph-map-card[data-state="active"] b{color:#61ef89}
.graph-map-card:disabled{cursor:not-allowed;opacity:.55}
.graph-map-card[data-state="active"]:disabled{cursor:progress;opacity:1}
.ops-status-header p strong[data-tone="stale"],.ops-online-dot[data-tone="stale"]{color:#f7be54}
.ops-online-dot[data-tone="stale"]{background:#f7be54;box-shadow:0 0 11px rgba(247,190,84,.55)}
@media(max-width:420px){.graph-manager-stage{gap:5px}.graph-manager-grid{gap:5px}.graph-manager-central{width:min(100%,286px);min-height:54px;padding:6px 9px}.graph-map-card{min-height:72px;padding:5px 3px 4px}.graph-map-card-wide{padding-left:7px;padding-right:7px}.graph-map-card strong{font-size:8.4px}.graph-map-card b{font-size:6.3px}.graph-map-card small{font-size:5.9px}.graph-manager-refresh-all{min-width:112px;padding:7px 10px}.graph-manager-retry{min-width:86px;padding:7px 8px}}
@media(max-width:350px){.graph-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.graph-map-card,.graph-map-card-wide{grid-column:auto;min-height:70px}.graph-map-card:nth-child(5){grid-column:1/-1}}
