:root{--pcd-backdrop-position: absolute;--pcd-panel-bg: #014099;--pcd-panel-border: 1px solid rgba(255,255,255,.22);--pcd-close-border: 1px solid rgba(255,255,255,.28);--pcd-close-bg: rgba(255,255,255,.12);--pcd-close-fg: #EAF3FC;--pcd-close-bg-hover: rgba(255,255,255,.25);--pcd-label-fg: inherit;--pcd-bar-track: rgba(255,255,255,.20);--pcd-meta-bg: rgba(255,255,255,.10);--pcd-meta-border: 1px solid rgba(255,255,255,.18);--pcd-meta-key: #C7DAF2;--pcd-meta-val: #FFFFFF;--pcd-rec-head-fg: #94A3B8;--pcd-rec-head-rule: 1px solid rgba(148,163,184,.18);--pcd-rec-row-bg: rgba(255,255,255,.06);--pcd-rec-row-border: 1px solid rgba(255,255,255,.10);--pcd-rec-value-fg: #F8FAFC}.pc-detail-overlay{position:fixed;inset:0;z-index:9999}.pc-detail-backdrop{position:var(--pcd-backdrop-position);inset:0;background:rgba(2,6,23,.46);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.pc-detail-panel{position:fixed;z-index:10;border-radius:20px;overflow:hidden;background:var(--pcd-panel-bg);border:var(--pcd-panel-border);box-shadow:0 24px 70px rgba(2,6,23,.45),0 6px 22px rgba(15,23,42,.25)}.pcd-inner{position:absolute;inset:0;padding:24px 28px;display:flex;flex-direction:column;color:#EAF3FC}.pcd-top{display:flex;align-items:center;gap:12px}.pcd-label{font-size:1.35rem;font-weight:800;letter-spacing:.01em;margin:0;color:var(--pcd-label-fg)}.pcd-close{margin-left:auto;width:36px;height:36px;border-radius:999px;border:var(--pcd-close-border);background:var(--pcd-close-bg);color:var(--pcd-close-fg);font-size:1.05rem;cursor:pointer;display:grid;place-items:center;transition:all .18s ease;font-family:inherit}.pcd-close:hover{background:var(--pcd-close-bg-hover);color:#fff}.pcd-tools{margin-left:auto;display:flex;align-items:center;gap:8px}.pcd-tools .pcd-close{margin-left:0}.pcd-refresh{width:36px;height:36px;border-radius:999px;border:1px solid rgba(103,232,249,.35);background:rgba(56,189,248,.16);color:#67E8F9;font-size:1.05rem;cursor:pointer;display:grid;place-items:center;transition:all .18s ease;font-family:inherit}.pcd-refresh:hover{background:rgba(56,189,248,.32);color:#fff}.pcd-refresh.is-loading{opacity:.7;cursor:wait}.pcd-tools .pcd-ico{width:20px;height:20px;display:block}.pcd-refresh.is-loading .pcd-ico{animation:pc-refresh-spin 1s linear infinite}@keyframes pc-refresh-spin{to{transform:rotate(360deg)}}.pcd-main{display:flex;align-items:baseline;gap:10px;margin:18px 0 10px}.pcd-value{font-size:3.4rem;font-weight:800;color:#F8FAFC;text-shadow:0 0 24px rgba(56,189,248,.45);line-height:1;font-variant-numeric:tabular-nums}.pcd-value.warning-val{color:#FBBF24;text-shadow:0 0 24px rgba(245,158,11,.35)}.pcd-value.danger-val{color:#F87171;text-shadow:0 0 24px rgba(239,68,68,.35)}.pcd-unit{font-size:1.3rem;color:#67E8F9;font-weight:600}.pcd-bar{height:8px;background:var(--pcd-bar-track);border-radius:999px;overflow:hidden}.pcd-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22D3EE,#38BDF8);box-shadow:0 0 14px rgba(34,211,238,.5)}.pcd-bar-fill.safe{background:linear-gradient(90deg,#34D399,#10B981);box-shadow:0 0 14px rgba(16,185,129,.35)}.pcd-bar-fill.warn{background:linear-gradient(90deg,#FBBF24,#F59E0B);box-shadow:0 0 14px rgba(245,158,11,.35)}.pcd-bar-fill.danger{background:linear-gradient(90deg,#F87171,#EF4444);box-shadow:0 0 14px rgba(239,68,68,.35)}.pcd-meta{margin-top:16px;display:flex;flex-direction:column;gap:8px}.pcd-meta-row{display:flex;justify-content:space-between;gap:16px;font-size:.92rem;padding:10px 14px;border-radius:12px;background:var(--pcd-meta-bg);border:var(--pcd-meta-border)}.pcd-meta-row span{color:var(--pcd-meta-key)}.pcd-meta-row b{color:var(--pcd-meta-val);font-weight:600}.pcd-meta-row b.ok{color:#34D399}.pcd-meta-row b.warn{color:#FBBF24}.pcd-meta-row b.danger{color:#F87171}.pcd-records{flex:1;min-height:0;overflow-y:auto;margin-top:14px;padding-right:4px}.pcd-rec-head,.pcd-rec-row{display:grid;gap:10px;align-items:center}.pcd-rec-head{padding:6px 10px 8px;color:var(--pcd-rec-head-fg);font-size:0.78rem;letter-spacing:0.04em;border-bottom:var(--pcd-rec-head-rule)}.pcd-rec-row{padding:10px;border-radius:12px;background:var(--pcd-rec-row-bg);border:var(--pcd-rec-row-border);margin-top:8px;font-size:0.95rem}.pcd-rec-row.is-empty{opacity:0.55}.pcd-rec-row.is-empty .pcd-rec-cell{color:#94A3B8}.pcd-rec-cell{min-width:0}.pcd-rec-value{color:var(--pcd-rec-value-fg);font-variant-numeric:tabular-nums}.pcd-rec-value.tone-warn{color:#FBBF24}.pcd-rec-value.tone-danger{color:#F87171}.pcd-rec-value.tone-muted{color:#94A3B8}.pcd-rec-unit{color:#67E8F9;font-size:0.85rem}.pcd-rec-note{display:block;font-size:0.72rem;color:#FBBF24;margin-top:2px}::view-transition-group(pc-dtl-morph){animation-duration:.46s;animation-timing-function:cubic-bezier(0.22,1,0.36,1)}::view-transition-old(pc-dtl-morph),::view-transition-new(pc-dtl-morph){animation-duration:.46s;animation-timing-function:cubic-bezier(0.22,1,0.36,1)}@media(prefers-reduced-motion:reduce){.pc-detail-backdrop{transition:none}::view-transition-group(pc-dtl-morph),::view-transition-old(pc-dtl-morph),::view-transition-new(pc-dtl-morph){animation:none!important}}[data-card-skin=hud]{--pcd-backdrop-position: fixed;--pcd-panel-bg: linear-gradient(165deg, rgba(19, 35, 58, 0.94), rgba(11, 21, 38, 0.97));--pcd-panel-border: 1px solid rgba(148, 163, 184, 0.28);--pcd-close-border: 1px solid rgba(148, 163, 184, 0.28);--pcd-close-bg: rgba(148, 163, 184, 0.10);--pcd-close-fg: #cbd5e1;--pcd-close-bg-hover: rgba(148, 163, 184, 0.22);--pcd-label-fg: #eaf3fc;--pcd-bar-track: rgba(148, 163, 184, 0.18);--pcd-meta-bg: rgba(148, 163, 184, 0.08);--pcd-meta-border: 1px solid rgba(148, 163, 184, 0.12);--pcd-meta-key: #94a3b8;--pcd-meta-val: #e2e8f0;--pcd-rec-head-fg: #7fa8d4;--pcd-rec-head-rule: 1px solid rgba(0, 255, 241, 0.14);--pcd-rec-row-bg: rgba(148, 163, 184, 0.06);--pcd-rec-row-border: 1px solid rgba(148, 163, 184, 0.10);--pcd-rec-value-fg: #e8f6ff}
