.mqtt-page .card-header[data-v-97bd4ac8],.mqtt-page .result-header[data-v-97bd4ac8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mqtt-page .card-title[data-v-97bd4ac8]{color:#303133;font-size:18px;font-weight:600}.mqtt-page .card-subtitle[data-v-97bd4ac8]{margin-top:7px;color:#909399;font-size:13px}.mqtt-page .status-panel[data-v-97bd4ac8]{min-height:128px;padding:20px 24px;border:1px solid #ebeef5;border-radius:4px;background:#fafafa}.mqtt-page .status-main[data-v-97bd4ac8],.mqtt-page .status-panel[data-v-97bd4ac8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mqtt-page .status-main[data-v-97bd4ac8]{width:260px}.mqtt-page .status-dot[data-v-97bd4ac8]{width:16px;height:16px;margin-right:16px;border-radius:50%;background:#909399}.mqtt-page .status-dot.is-running[data-v-97bd4ac8]{background:#67c23a;-webkit-box-shadow:0 0 0 6px rgba(103,194,58,.12);box-shadow:0 0 0 6px rgba(103,194,58,.12)}.mqtt-page .status-dot.is-error[data-v-97bd4ac8],.mqtt-page .status-dot.is-stopped[data-v-97bd4ac8]{background:#f56c6c;-webkit-box-shadow:0 0 0 6px rgba(245,108,108,.12);box-shadow:0 0 0 6px rgba(245,108,108,.12)}.mqtt-page .status-dot.is-unknown[data-v-97bd4ac8]{background:#e6a23c;-webkit-box-shadow:0 0 0 6px rgba(230,162,60,.12);box-shadow:0 0 0 6px rgba(230,162,60,.12)}.mqtt-page .meta-label[data-v-97bd4ac8],.mqtt-page .status-label[data-v-97bd4ac8]{color:#909399;font-size:13px}.mqtt-page .status-value[data-v-97bd4ac8]{margin-top:8px;color:#303133;font-size:24px;font-weight:600}.mqtt-page .status-meta[data-v-97bd4ac8]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:32px;border-left:1px solid #e4e7ed}.mqtt-page .meta-row+.meta-row[data-v-97bd4ac8]{margin-top:18px}.mqtt-page .meta-label[data-v-97bd4ac8]{display:inline-block;width:72px}.mqtt-page .meta-value[data-v-97bd4ac8]{color:#606266;word-break:break-all}.mqtt-page .action-area[data-v-97bd4ac8],.mqtt-page .status-alert[data-v-97bd4ac8]{margin-top:20px}.mqtt-page .action-area[data-v-97bd4ac8]{padding-top:20px;border-top:1px solid #ebeef5}.mqtt-page .result-card[data-v-97bd4ac8]{margin-top:16px}.mqtt-page .result-message[data-v-97bd4ac8]{color:#303133}.mqtt-page .command-output[data-v-97bd4ac8]{max-height:360px;margin:16px 0 0;padding:16px;overflow:auto;border-radius:4px;background:#1f2329;color:#d9e0e8;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-all}.mqtt-page .empty-output[data-v-97bd4ac8]{margin-top:12px;color:#909399;font-size:13px}@media(max-width:900px){.mqtt-page .status-panel[data-v-97bd4ac8]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mqtt-page .status-meta[data-v-97bd4ac8]{width:100%;margin-top:24px;padding-top:20px;padding-left:0;border-top:1px solid #e4e7ed;border-left:0}}