body { background: #f5f7fb; }

.btn-service {
    border: 1px solid #cfd8e3;
    background: #fff;
}

.btn-service.active {
    background: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}

.result-box {
    min-height: 260px;
}

.result-card {
    background: #fff;
    border: 1px solid #d8e0eb;
    border-radius: 14px;
    padding: 18px;
}

.result-header {
    border-bottom: 1px solid #eef2f7;
    padding-bottom: 12px;
}

.output-box {
    min-height: 160px;
    background: #10141b;
    color: #d7e3ff;
    padding: 16px;
    border-radius: 12px;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-x: auto;
    margin: 0;
}

.result-table th {
    width: 180px;
    background: #f8fafc;
}

.record-item {
    border: 1px solid #e8edf4;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 12px;
    background: #fbfdff;
}

.record-title {
    font-weight: 600;
    margin-bottom: 8px;
}