.pnl{border-radius:var(--radius-panel);font-family:var(--font-sans);flex-direction:column;margin:0;display:flex;overflow:hidden}.pnl[data-tone=light]{border:var(--hairline) solid var(--rule-2);background:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-overlay)}.pnl[data-tone=dark]{border:var(--hairline) solid var(--rule-inverse);background:var(--inverse-0);color:var(--inverse-fg);box-shadow:var(--shadow-on-ink)}.pnl__head{flex:none;align-items:center;gap:11px;padding:15px 18px;display:flex}.pnl[data-tone=light] .pnl__head{background:var(--surface-3);border-bottom:var(--hairline) solid var(--rule-2)}.pnl[data-tone=dark] .pnl__head{border-bottom:var(--hairline) solid var(--rule-inverse)}.pnl__icon{flex:none;display:inline-flex}.pnl__icon svg{width:18px;height:18px;display:block}.pnl__title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:12.5px}.pnl[data-tone=light] .pnl__title{font-weight:600}.pnl[data-tone=dark] .pnl__title{letter-spacing:.12em;color:var(--inverse-fg-2)}.pnl__live{font-size:var(--fs-caption);white-space:nowrap;flex:none;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.pnl[data-tone=light] .pnl__live[data-state=ok]{color:var(--status-active)}.pnl[data-tone=light] .pnl__live[data-state=hold]{color:var(--status-pending)}.pnl[data-tone=light] .pnl__live[data-state=live]{color:var(--status-info)}.pnl__live:before{content:"";border-radius:var(--radius-pill);background:currentColor;flex:none;width:7px;height:7px}.pnl[data-tone=dark] .pnl__live[data-state=ok]{color:var(--status-active-on-dark)}.pnl[data-tone=dark] .pnl__live[data-state=hold]{color:var(--status-pending-on-dark)}.pnl[data-tone=dark] .pnl__live[data-state=live]{color:var(--status-info-on-dark)}.pnl__body{flex:1;min-height:0}.pnl-cols,.pnl-row{grid-template-columns:var(--pnl-cols);gap:10px;display:grid}.pnl-cols{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;padding:12px 18px;font-size:11px}.pnl[data-tone=light] .pnl-cols{color:var(--content-3)}.pnl[data-tone=dark] .pnl-cols{color:var(--inverse-fg-3);border-bottom:var(--hairline) solid var(--rule-inverse)}.pnl-row{align-items:center;padding:13px 18px;font-size:14.5px}.pnl[data-tone=light] .pnl-row{border-top:var(--hairline) solid var(--rule-1)}.pnl[data-tone=dark] .pnl-row{border-top:var(--hairline) solid var(--rule-inverse)}.pnl-row[data-muted]{color:var(--content-3)}.pnl[data-tone=dark] .pnl-row[data-muted]{color:var(--inverse-fg-3)}.pnl-subject{flex-wrap:wrap;align-items:center;gap:11px;min-width:0;display:flex}.pnl-sub{font-size:var(--fs-caption);margin-top:2px;display:block}.pnl[data-tone=light] .pnl-sub{color:var(--content-2)}.pnl[data-tone=dark] .pnl-sub{color:var(--inverse-fg-3)}.pnl-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px}.pnl-num[data-align=end]{text-align:right}.pnl[data-tone=dark] .pnl-num{color:var(--inverse-fg-2);font-size:12.5px}.pnl-num[data-state=hold]{color:var(--status-pending)}.pnl[data-tone=dark] .pnl-num[data-state=hold]{color:var(--status-pending-on-dark)}.pnl-dim{color:var(--content-4)}.pnl[data-tone=dark] .pnl-dim{color:var(--inverse-fg-3)}.pnl-soft{color:var(--content-2)}.pnl[data-tone=dark] .pnl-soft{color:var(--inverse-fg-2)}.pnl-tile{border-radius:var(--radius-chrome);border:var(--hairline) solid var(--rule-2);background:var(--tile-tint);width:26px;height:26px;color:var(--tile-ink);font-family:var(--font-mono);flex:none;place-items:center;font-size:11px;font-style:normal;font-weight:600;line-height:1;display:grid}.pnl-tile[data-hue=violet]{--tile-tint:var(--category-violet-tint);--tile-ink:var(--category-violet)}.pnl-tile[data-hue=blue]{--tile-tint:var(--category-blue-tint);--tile-ink:var(--category-blue)}.pnl-tile[data-hue=green]{--tile-tint:var(--category-green-tint);--tile-ink:var(--category-green)}.pnl-tile[data-hue=amber]{--tile-tint:var(--category-amber-tint);--tile-ink:var(--category-amber)}.pnl-tile[data-hue=teal]{--tile-tint:var(--category-teal-tint);--tile-ink:var(--category-teal)}.pnl-tile[data-hue=slate]{--tile-tint:var(--category-slate-tint);--tile-ink:var(--category-slate)}.pnl-tile[data-hue=none]{border-style:dashed;border-color:var(--rule-3);color:var(--content-4);background:0 0}.pnl-state{font-size:var(--fs-caption);white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.pnl-state:before{content:"";border-radius:var(--radius-pill);background:currentColor;flex:none;width:7px;height:7px}.pnl-state[data-state=ok]{color:var(--status-active)}.pnl-state[data-state=hold]{color:var(--status-pending)}.pnl-state[data-state=live]{color:var(--status-info)}.pnl-state[data-state=bad]{color:var(--status-error)}.pnl-state[data-state=off]{color:var(--status-disabled)}@keyframes pnlPulse{0%{opacity:1}to{opacity:.38}}.pnl-state[data-state=live]:before,.pnl__live[data-state=live]:before,.pnl-num[data-pending]{animation:pnlPulse var(--dur-ambient) var(--ease-in-out) infinite alternate}@media (prefers-reduced-motion:reduce){.pnl-state[data-state=live]:before,.pnl__live[data-state=live]:before,.pnl-num[data-pending]{opacity:1;animation:none}}.pnl-chip{border-radius:var(--radius-pill);white-space:nowrap;justify-self:start;align-items:center;padding:4px 10px;font-size:12.5px;display:inline-flex}.pnl-chip[data-state=ok]{color:var(--status-active-on-dark);background:#00d47e1f}.pnl-chip[data-state=hold]{color:var(--status-pending-on-dark);background:#f0a62b24}.pnl-chip[data-state=live]{color:var(--status-info-on-dark);background:#5b94ff24}.pnl-chip[data-state=off]{color:var(--inverse-fg-3);background:#ffffff0f}.pnl-chip[data-state=neutral]{color:var(--inverse-fg);background:#ffffff0f}.pnl-chip[data-hue=violet]{background:var(--category-violet-tint);color:var(--category-violet)}.pnl-chip[data-hue=blue]{background:var(--category-blue-tint);color:var(--category-blue)}.pnl-chip[data-hue=green]{background:var(--category-green-tint);color:var(--category-green)}.pnl-stack{flex-direction:column;gap:10px;padding:14px;display:flex}.pnl-item{border:var(--hairline) solid var(--rule-2);border-radius:var(--radius-chrome);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.pnl[data-tone=dark] .pnl-item{border-color:var(--rule-inverse)}.pnl-item-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.pnl-item-name{align-items:baseline;gap:10px;min-width:0;font-size:16px;font-weight:500;display:flex}.pnl[data-tone=dark] .pnl-item-name{color:var(--inverse-fg)}.pnl-item-meta{font-size:13px;font-weight:var(--fw-regular)}.pnl[data-tone=light] .pnl-item-meta{color:var(--content-3)}.pnl[data-tone=dark] .pnl-item-meta{color:var(--inverse-fg-3)}.pnl-item-line{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.pnl[data-tone=light] .pnl-item-line{color:var(--content-2)}.pnl[data-tone=dark] .pnl-item-line{color:var(--inverse-fg-2)}.pnl-mono{font-family:var(--font-mono);font-size:12.5px}.pnl[data-tone=light] .pnl-mono{color:var(--content-2)}.pnl[data-tone=dark] .pnl-mono{color:var(--inverse-fg-2)}.pnl-band{font-size:var(--fs-caption);align-items:baseline;gap:10px;padding:12px 18px;display:flex}.pnl[data-tone=light] .pnl-band{color:var(--content-2);border-top:var(--hairline) solid var(--rule-1)}.pnl[data-tone=dark] .pnl-band{color:var(--inverse-fg-2);border-top:var(--hairline) solid var(--rule-inverse)}.pnl-band-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px}.pnl[data-tone=light] .pnl-band-num{color:var(--content-0)}.pnl[data-tone=dark] .pnl-band-num{color:var(--inverse-fg)}.pnl__foot{flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:14px 18px;display:flex}.pnl-foot-end{align-items:center;gap:14px;margin-left:auto;display:inline-flex}.pnl[data-tone=light] .pnl__foot{border-top:var(--hairline) solid var(--rule-1)}.pnl[data-tone=dark] .pnl__foot{border-top:var(--hairline) solid var(--rule-inverse)}.pnl-total{font-family:var(--font-mono);font-size:var(--fs-h4);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-title)}