/* Mole Console 增补样式 —— 复用 FleetView 变量，只补终端与弹层 */

/* ---------------------------------------------------------- 终端 */
.term-wrap {
  background: #0d1015; border-radius: 16px; padding: 10px 12px;
  height: calc(100vh - 350px); min-height: 220px; overflow: hidden;
}
.term-wrap #term { width: 100%; height: 100%; }
.term-wrap .xterm { height: 100%; padding: 2px; }

.term-bar {
  display: flex; align-items: center; gap: var(--gap-md);
  padding: 12px 2px 2px; flex-wrap: wrap;
}
.term-quick { display: flex; gap: var(--gap-sm); flex-wrap: wrap; }
.term-quick .chip { font-size: 11.5px; padding: 7px 12px; font-family: ui-monospace, Menlo, monospace; }
.term-bar .tiny { margin-left: auto; }

/* ---------------------------------------------------------- 弹层输出 */
.sheet-h {
  display: flex; align-items: center; gap: var(--gap-md);
  padding-bottom: 14px; border-bottom: 1px solid var(--line);
}
.sheet-h h2 { font-size: 19px; font-weight: 790; letter-spacing: -.02em; }
.sheet-h .chip { margin-left: auto; }
.sheet-b { padding-top: 14px; }

.term-out {
  margin-top: 12px; background: #0d1015; color: #dfe6f0;
  border-radius: 14px; padding: 15px 16px; font-size: 12.2px; line-height: 1.55;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  white-space: pre-wrap; word-break: break-word; max-height: 52vh; overflow: auto;
}

.alert-banner {
  display: flex; align-items: center; gap: var(--gap-sm);
  background: var(--card-soft); border-radius: 12px; padding: 11px 14px;
  font-size: 12.8px; font-weight: 650; color: var(--ink-2);
}
.alert-banner.ok { background: var(--green-halo); color: var(--ink); }
.alert-banner.bad { background: var(--fail-bg); color: var(--red); }

/* 命令卡里的执行按钮 */
.svc .svc-actions .chip { padding: 9px 15px; font-size: 12.5px; }
.svc .svc-actions .btn-dark { padding: 10px 17px; font-size: 12.5px; }

/* 仪表容器自适应 */
.gauge-wrap { display: flex; align-items: center; gap: var(--gap-lg); }
.gauge { position: relative; width: 132px; height: 132px; flex: none; }
.gauge canvas { width: 100%; height: 100%; }
.gauge .g-txt {
  position: absolute; inset: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; pointer-events: none;
}
.gauge .g-v { font-size: 27px; font-weight: 800; letter-spacing: -.03em; }
.gauge .g-k { font-size: 10.5px; font-weight: 700; color: var(--muted); letter-spacing: .06em; }

@media (max-width: 1180px) {
  .gauge-wrap { flex-direction: column; align-items: flex-start; }
}